Changes between Version 1 and Version 2 of webgl

Timestamp:

Oct 4, 2013, 4:13:38 PM (11 years ago)

Author:

Leon Kos

Comment:

narekovaji

webgl

@@ -5 +5 @@
 #!html
 <b>hi</b>
-<script type=”text/javascript”>
+<script type="text/javascript">
 var gl;
 var canvas;
@@ -12 +12 @@
  
 function createGLContext(canvas) {
-  var names = [“webgl”, “experimental-webgl”];
+  var names = ["webgl", "experimental-webgl"];
   var context = null;
   for (var i=0; i < names.length; i++) {
@@ -26 +26 @@
     context.viewportHeight = canvas.height;
   } else {
-    alert(“Failed to create WebGL context!”);
+    alert("Failed to create WebGL context!");
   }
   return context;
@@ -46 +46 @@
 function setupShaders() {
   var vertexShaderSource = 
-    “attribute vec3 aVertexPosition;                 \n” +
-    “void main() {                                   \n” +
-    “  gl_Position = vec4(aVertexPosition, 1.0);     \n” +
-    “}                                               \n”;           
+    "attribute vec3 aVertexPosition;                 \n" +
+    "void main() {                                   \n" +
+    "  gl_Position = vec4(aVertexPosition, 1.0);     \n" +
+    "}                                               \n";           
    
    var fragmentShaderSource = 
-     “precision mediump float;                    \n”+
-     “void main() {                               \n”+
-     “  gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);  \n”+
-     “}                                           \n”;
+     "precision mediump float;                    \n"+
+     "void main() {                               \n"+
+     "  gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);  \n"+
+     "}                                           \n";
      
   var vertexShader = loadShader(gl.VERTEX_SHADER, vertexShaderSource);
@@ -72 +72 @@
   
   shaderProgram.vertexPositionAttribute = 
-  gl.getAttribLocation(shaderProgram, “aVertexPosition”); 
+  gl.getAttribLocation(shaderProgram, "aVertexPosition"); 
 }
  
@@ -102 +102 @@
  
 function startup() {
-  canvas = document.getElementById(“myGLCanvas”);
+  canvas = document.getElementById("myGLCanvas");
   gl = createGLContext(canvas);
   setupShaders(); 
@@ -113 +113 @@
 </head>
  
-<canvas id=”myGLCanvas” width=”500” height=”500”></canvas>
+<canvas id="myGLCanvas" width="500" height="500"></canvas>
 <form><input type="button" value="Draw" onclick="startup()"/></form>