فهرست منبع

Simplified webgl_shader example.

Mr.doob 8 سال پیش
والد
کامیت
c2cbbf6d71
1فایلهای تغییر یافته به همراه4 افزوده شده و 16 حذف شده
  1. 4 16
      examples/webgl_shader.html

+ 4 - 16
examples/webgl_shader.html

@@ -39,7 +39,6 @@
 		<script src="../build/three.js"></script>
 		<script src="../build/three.js"></script>
 
 
 		<script src="js/Detector.js"></script>
 		<script src="js/Detector.js"></script>
-		<script src="js/libs/stats.min.js"></script>
 
 
 		<script id="vertexShader" type="x-shader/x-vertex">
 		<script id="vertexShader" type="x-shader/x-vertex">
 
 
@@ -90,7 +89,7 @@
 
 
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
 
-			var container, stats;
+			var container;
 
 
 			var camera, scene, renderer;
 			var camera, scene, renderer;
 
 
@@ -103,8 +102,7 @@
 
 
 				container = document.getElementById( 'container' );
 				container = document.getElementById( 'container' );
 
 
-				camera = new THREE.Camera();
-				camera.position.z = 1;
+				camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
 
 
 				scene = new THREE.Scene();
 				scene = new THREE.Scene();
 
 
@@ -130,9 +128,6 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				container.appendChild( renderer.domElement );
 				container.appendChild( renderer.domElement );
 
 
-				stats = new Stats();
-				container.appendChild( stats.dom );
-
 				onWindowResize();
 				onWindowResize();
 
 
 				window.addEventListener( 'resize', onWindowResize, false );
 				window.addEventListener( 'resize', onWindowResize, false );
@@ -150,18 +145,11 @@
 
 
 			//
 			//
 
 
-			function animate() {
+			function animate( timestamp ) {
 
 
 				requestAnimationFrame( animate );
 				requestAnimationFrame( animate );
 
 
-				render();
-				stats.update();
-
-			}
-
-			function render() {
-
-				uniforms.time.value += 0.05;
+				uniforms.time.value = timestamp / 1000;
 
 
 				renderer.render( scene, camera );
 				renderer.render( scene, camera );