Added DeviceOrientationControls to stereo3d example.

06b867f3 · Mr.doob · 675d0010 · 06b867f3
隐藏空白更改
内联并排

Showing with 10 addition and 12 deletion

examples/css3dstereo_periodictable.html examples/css3dstereo_periodictable.html +10 -12

未找到文件。
--- a/examples/css3dstereo_periodictable.html
+++ b/examples/css3dstereo_periodictable.html
@@ -66,7 +66,7 @@
 	<body>
 		<script src="../build/three.min.js"></script>
 		<script src="js/libs/tween.min.js"></script>
-		<script src="js/controls/TrackballControls.js"></script>
+		<script src="js/controls/DeviceOrientationControls.js"></script>
 		<script src="js/renderers/CSS3DStereoRenderer.js"></script>

 		<div id="container"></div>
@@ -196,7 +196,7 @@

 			var camera, scene, renderer;
 			var controls;
-			
+
 			var state = 0;

 			var objects = [];
@@ -208,7 +208,7 @@
 			function init() {

 				camera = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
-				camera.position.z = 3000;
+				camera.position.z = 200;

 				scene = new THREE.Scene();

@@ -323,11 +323,7 @@

 				//

-				controls = new THREE.TrackballControls( camera, renderer.domElement );
-				controls.rotateSpeed = 0.5;
-				controls.minDistance = 500;
-				controls.maxDistance = 6000;
-				controls.addEventListener( 'change', render );
+				controls = new THREE.DeviceOrientationControls( camera );

 				transform( targets.table, 5000 );

@@ -351,13 +347,13 @@
 					isFullscreen = true;

 				} else {
-				
+
 					document.webkitExitFullscreen();
-					
+
 					isFullscreen = false;
-				
+
 				}
-			
+
 			} );

 			function transform( positions, duration ) {
@@ -429,6 +425,8 @@

 				controls.update();

+				render();
+
 			}

 			function render() {