Pas2JS_WebGL.html 807 B

12345678910111213141516171819202122232425262728293031323334
  1. <html>
  2. <head>
  3. <meta charset="utf-8"/>
  4. <script type="application/javascript" src="../Pas2JS_WebGL.js"></script>
  5. </head>
  6. <body>
  7. <script type="application/glsl" id="vertex.glsl">
  8. attribute vec2 in_position;
  9. attribute vec4 in_color;
  10. varying vec4 out_color;
  11. uniform mat4 projTransform;
  12. uniform mat4 viewTransform;
  13. uniform mat4 modelTransform;
  14. void main() {
  15. gl_Position = projTransform * viewTransform * modelTransform * vec4(in_position, 1, 1);
  16. out_color = in_color;
  17. }
  18. </script>
  19. <script type="application/glsl" id="fragment.glsl">
  20. precision mediump float;
  21. varying vec4 out_color;
  22. void main() {
  23. gl_FragColor = out_color;
  24. }
  25. </script>
  26. <script type="application/javascript">
  27. rtl.run();
  28. </script>
  29. </body>
  30. </html>