diff --git a/examples/files.js b/examples/files.js
index 25a9f068b6aef44deb7c3103b8d4dfc53d24f5a9..e4b07fe97a3b0457528e1723fdebc163ef98851e 100644
--- a/examples/files.js
+++ b/examples/files.js
@@ -8,7 +8,6 @@ var files = {
 		"webgl_camera_logarithmicdepthbuffer",
 		"webgl_decals",
 		"webgl_effects_anaglyph",
-		"webgl_effects_cardboard",
 		"webgl_effects_parallaxbarrier",
 		"webgl_effects_peppersghost",
 		"webgl_effects_stereo",
@@ -239,6 +238,7 @@ var files = {
 		"webvr_cubes",
 		"webvr_panorama",
 		"webvr_rollercoaster",
+		"webvr_shadow",
 		"webvr_video"
 	],
 	"css3d": [
diff --git a/examples/webgl_effects_cardboard.html b/examples/webvr_shadow.html
similarity index 80%
rename from examples/webgl_effects_cardboard.html
rename to examples/webvr_shadow.html
index 377a0114588bd8ce977b897d9678989373d361ad..74673bf6f57116083bc1060c4f78c44fa58b8bf6 100644
--- a/examples/webgl_effects_cardboard.html
+++ b/examples/webvr_shadow.html
@@ -14,11 +14,22 @@
 	<body>
 
 		<script src="../build/three.min.js"></script>
-		<script src="js/effects/CardboardEffect.js"></script>
+
+		<script src="js/WebVR.js"></script>
+		<script src="js/controls/VRControls.js"></script>
+		<script src="js/effects/VREffect.js"></script>
 		<script>
 
+			if ( WEBVR.isLatestAvailable() === false ) {
+
+				document.body.appendChild( WEBVR.getMessage() );
+
+			}
+
+			//
+
 			var camera, scene, renderer;
-			var effect;
+			var effect, controls;
 
 			init();
 			animate();
@@ -62,39 +73,23 @@
 
 				//
 
-				renderer = new THREE.WebGLRenderer( { antialias: false } );
+				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setClearColor( 0x101010 );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.shadowMap.enabled = true;
 				document.body.appendChild( renderer.domElement );
 
-				renderer.domElement.addEventListener( 'click', function () {
-
-					if ( this.requestFullscreen ) {
-
-						this.requestFullscreen();
-
-					} else if ( this.msRequestFullscreen ) {
-
-						this.msRequestFullscreen();
-
-					} else if ( this.mozRequestFullScreen ) {
-
-						this.mozRequestFullScreen();
-
-					} else if ( this.webkitRequestFullscreen ) {
-
-						this.webkitRequestFullscreen();
+				//
 
-					}
+				controls = new THREE.VRControls( camera );
+				effect = new THREE.VREffect( renderer );
 
-				} );
+				if ( WEBVR.isAvailable() === true ) {
 
-				//
+					document.body.appendChild( WEBVR.getButton( effect ) );
 
-				effect = new THREE.CardboardEffect( renderer );
-				effect.setSize( window.innerWidth, window.innerHeight );
+				}
 
 				//
 
@@ -129,6 +124,8 @@
 				mesh.rotation.x = time * 2;
 				mesh.rotation.y = time * 5;
 
+				controls.update();
+
 				effect.render( scene, camera );
 
 			}
