瀏覽代碼

Remove animation loop

Temdog007 6 年之前
父節點
當前提交
93962a10d7
共有 1 個文件被更改,包括 9 次插入14 次删除
  1. 9 14
      examples/webgl_postprocessing_unreal_bloom_selective.html

+ 9 - 14
examples/webgl_postprocessing_unreal_bloom_selective.html

@@ -42,7 +42,6 @@
 
 		<script src="../build/three.js"></script>
 
-		<script src="js/libs/stats.min.js"></script>
 		<script src="js/libs/dat.gui.min.js"></script>
 
 		<script src="js/postprocessing/EffectComposer.js"></script>
@@ -89,7 +88,7 @@
 
 		<script>
 
-			var scene, camera, stats, geometry;
+			var scene, camera, geometry;
 			var renderer;
 
 			var ENTIRE_SCENE = 0, BLOOM_SCENE = 1;
@@ -115,9 +114,6 @@
 
 			var container = document.getElementById( 'container' );
 
-			stats = new Stats();
-			container.appendChild( stats.dom );
-
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
@@ -163,8 +159,6 @@
 			finalComposer.addPass( renderScene );
 			finalComposer.addPass( finalPass );
 
-			setupBoxes();
-
 			var raycaster = new THREE.Raycaster();
 
 			var mouse = new THREE.Vector2();
@@ -189,6 +183,8 @@
 
 				}
 
+				render();
+
 			} );
 
 
@@ -232,7 +228,7 @@
 
 			folder.add( params, 'cameraDistance', 30, 100 ).step( 1 ).onChange( updateCamera );
 
-			animate();
+			setupBoxes();
 
 			function onDocumentMouseClick( event ) {
 
@@ -247,7 +243,7 @@
 
 					var object = intersects[ 0 ].object;
 					object.layers.toggle( BLOOM_SCENE );
-
+					render();
 				}
 
 			}
@@ -259,6 +255,7 @@
 				camera.position.x = Math.cos( angle * THREE.Math.DEG2RAD ) * distance;
 				camera.position.z = Math.sin( angle * THREE.Math.DEG2RAD ) * distance;
 				camera.lookAt( 0, 0, 0 );
+				render();
 
 			}
 
@@ -275,6 +272,7 @@
 				bloomComposer.setSize( width, height );
 				finalComposer.setSize( width, height );
 
+				render();
 			};
 
 			function setupBoxes() {
@@ -299,6 +297,7 @@
 
 				}
 
+				render();
 			}
 
 			function disposeMaterial(obj)
@@ -330,11 +329,7 @@
 				geometry = new THREE.BoxBufferGeometry(size, size, size);
 			}
 
-			function animate() {
-
-				requestAnimationFrame( animate );
-
-				stats.update();
+			function render() {
 
 				switch ( params.scene ) {