Răsfoiți Sursa

More tweaks to webgl_effects_cardboard.

Mr.doob 9 ani în urmă
părinte
comite
224b6adda5
1 a modificat fișierele cu 5 adăugiri și 4 ștergeri
  1. 5 4
      examples/webgl_effects_cardboard.html

+ 5 - 4
examples/webgl_effects_cardboard.html

@@ -27,7 +27,7 @@
 
 				scene = new THREE.Scene();
 
-				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 1, 100 );
+				camera = new THREE.PerspectiveCamera( 50, window.innerWidth / window.innerHeight, 0.1, 10 );
 				camera.position.set( 3, 2, 3 );
 				camera.focalLength = camera.position.distanceTo( scene.position );
 				camera.lookAt( scene.position );
@@ -43,6 +43,7 @@
 				var geometry = new THREE.BoxGeometry( 3, 0.1, 3 );
 				var material = new THREE.MeshStandardMaterial( { roughness: 1.0, metalness: 0.0 } );
 				var mesh = new THREE.Mesh( geometry, material );
+				mesh.position.y = - 0.1;
 				mesh.castShadow = true;
 				mesh.receiveShadow = true;
 				scene.add( mesh );
@@ -119,14 +120,14 @@
 
 			function render() {
 
-				var time = performance.now() * 0.0005;
+				var time = performance.now() * 0.0002;
 				camera.position.x = Math.cos( time ) * 4;
 				camera.position.z = Math.sin( time ) * 4;
 				camera.lookAt( new THREE.Vector3() );
 
 				var mesh = scene.children[ 0 ];
-				mesh.rotation.x += 0.02;
-				mesh.rotation.y += 0.01;
+				mesh.rotation.x = time * 2;
+				mesh.rotation.y = time * 5;
 
 				effect.render( scene, camera );