diff --git a/examples/screenshots/webgl_effects_stereo.jpg b/examples/screenshots/webgl_effects_stereo.jpg index ea61b90c1612f6..4aaf721fa3069d 100644 Binary files a/examples/screenshots/webgl_effects_stereo.jpg and b/examples/screenshots/webgl_effects_stereo.jpg differ diff --git a/examples/webgl_effects_stereo.html b/examples/webgl_effects_stereo.html index ff526edfb6c69f..704f5ff664ae86 100644 --- a/examples/webgl_effects_stereo.html +++ b/examples/webgl_effects_stereo.html @@ -45,15 +45,15 @@ container = document.createElement( 'div' ); document.body.appendChild( container ); - camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 100000 ); - camera.position.z = 3200; + camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 0.1, 100 ); + camera.position.z = 3; scene = new THREE.Scene(); scene.background = new THREE.CubeTextureLoader() .setPath( 'textures/cube/Park3Med/' ) .load( [ 'px.jpg', 'nx.jpg', 'py.jpg', 'ny.jpg', 'pz.jpg', 'nz.jpg' ] ); - const geometry = new THREE.SphereGeometry( 100, 32, 16 ); + const geometry = new THREE.SphereGeometry( 0.1, 32, 16 ); const textureCube = new THREE.CubeTextureLoader() .setPath( 'textures/cube/Park3Med/' ) @@ -65,9 +65,9 @@ for ( let i = 0; i < 500; i ++ ) { const mesh = new THREE.Mesh( geometry, material ); - mesh.position.x = Math.random() * 10000 - 5000; - mesh.position.y = Math.random() * 10000 - 5000; - mesh.position.z = Math.random() * 10000 - 5000; + mesh.position.x = Math.random() * 10 - 5; + mesh.position.y = Math.random() * 10 - 5; + mesh.position.z = Math.random() * 10 - 5; mesh.scale.x = mesh.scale.y = mesh.scale.z = Math.random() * 3 + 1; scene.add( mesh ); @@ -105,8 +105,8 @@ function onDocumentMouseMove( event ) { - mouseX = ( event.clientX - windowHalfX ) * 10; - mouseY = ( event.clientY - windowHalfY ) * 10; + mouseX = ( event.clientX - windowHalfX ) * 0.01; + mouseY = ( event.clientY - windowHalfY ) * 0.01; } @@ -124,8 +124,8 @@ const sphere = spheres[ i ]; - sphere.position.x = 5000 * Math.cos( timer + i ); - sphere.position.y = 5000 * Math.sin( timer + i * 1.1 ); + sphere.position.x = 5 * Math.cos( timer + i ); + sphere.position.y = 5 * Math.sin( timer + i * 1.1 ); }