triangle-strip.html


<!DOCTYPE html>

<html>

<head>
<title>hwshen WebGL &mdash; Triangle Strips </title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<!--  ************** Fragment Shader ************* --> 
<script id="shader-fs" type="x-shader/x-fragment">
    

    void main(void) {
        gl_FragColor = vec4(1.0, 0, 0, 1.0);
    }
</script>
<!--  ************** Vertex Shader ************* --> 
<script id="shader-vs" type="x-shader/x-vertex">
attribute vec3 aVertexPosition;

    void main(void) {
        gl_Position = vec4(aVertexPosition, 1.0);
    }
</script>

<script type="text/javascript" src="shaders_setup.js"></script>
<script type="text/javascript" src="triangle-strip.js"></script>


</head>


<body onload="webGLStart();">

    <canvas id="code00-canvas" style="border: none;" width="700" height="500"></canvas>

    <br/>

</body>


</html>