demos/triangle-shade.html

<!DOCTYPE html>
<!--
triangle.html
Erik Fredericks, c/o Ed Angel

The triangular hello world of WebGL
-->
<html>
<head>
<meta charset="utf-8">
<!-- Define our shaders -->
<script id="vertex-shader" type="x-shader/x-vertex">
attribute vec4 vPosition;
attribute vec4 vColor;
varying vec4 fColor;

void main() {
  gl_Position = vPosition;
  fColor = vColor;
}
</script>
<script id="fragment-shader" type="x-shader/x-fragment">
precision mediump float;
varying vec4 fColor;

void main() {
  gl_FragColor = fColor;

  //gl_FragColor = vec4(1.0, 0.0, 0.0, 1.0);
}
</script>

<script src="../Common/webgl-utils.js"></script>
<script src="../Common/initShaders.js"></script>
<script src="../Common/MV.js"></script>

<script src="triangle-shade.js"></script>

</head>
<body>
<canvas id="gl-canvas" width="640" height="480">
  Your browser doesn't support HTML5!
</canvas>
</body>
</html>