<button id = "ButtonX">Rotate X</button>

<button id = "ButtonY">Rotate Y</button>

<button id = "ButtonZ">Rotate Z</button>

<button id = "ButtonT">Toggle Rotation</button>

<script id="vertex-shader" type="x-shader/x-vertex">

varying vec3 R;

attribute vec4 vPosition;

attribute vec3 vNormal;

uniform mat4 modelViewMatrix;

uniform mat4 projectionMatrix;

uniform mat3 normalMatrix;

void main()

gl_Position = projectionMatrix*modelViewMatrix*vPosition;

//vec3 eyePos = normalize((modelViewMatrix*vPosition).xyz);

vec3 eyePos = (modelViewMatrix*vPosition).xyz;

vec3 N = normalize(normalMatrix*vNormal);

//vec3 N = normalMatrix*vNormal;

R = reflect(eyePos, N);

<script id="fragment-shader" type="x-shader/x-fragment">

precision mediump float;

varying vec3 R;

uniform samplerCube texMap;

void main()

vec4 texColor = textureCube(texMap, R);

gl_FragColor = texColor;

<script type="text/javascript" src="../Common/webgl-utils.js"></script>

<script type="text/javascript" src="../Common/initShaders.js"></script>

<script type="text/javascript" src="../Common/MV.js"></script>

<script type="text/javascript" src="reflectionMap2.js"></script>

<canvas id="gl-canvas" width="512" height="512">

Oops ... your browser doesn't support the HTML5 canvas element