From 6053d97fe6a100a62303981c206a779591433fe7 Mon Sep 17 00:00:00 2001
From: alteredq <postfilter@gmail.com>
Date: Fri, 20 Apr 2012 04:55:04 +0200
Subject: [PATCH] Added static scene graph performance test.

Useful for tracking WebGL API calls overhead.

As per discussion in https://github.com/mrdoob/three.js/commit/08a37d34c16d3ccd19191251edd945be62a9f3e8
---
 examples/webgl_performance_static.html | 125 +++++++++++++++++++++++++
 1 file changed, 125 insertions(+)
 create mode 100644 examples/webgl_performance_static.html
diff --git a/examples/webgl_performance_static.html b/examples/webgl_performance_static.html
new file mode 100644
index 0000000000..44d0bdb216
--- /dev/null
+++ b/examples/webgl_performance_static.html
@@ -0,0 +1,125 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<title>three.js webgl - performance [static]</title>
+		<meta charset="utf-8">
+		<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
+		<style>
+			body {
+				background:#fff;
+				padding:0;
+				margin:0;
+				font-weight: bold;
+				overflow:hidden;
+			}
+		</style>
+	</head>
+	<body>
+
+		<script src="../build/Three.js"></script>
+		<script src="js/Stats.js"></script>
+
+		<script>
+
+			var container, stats;
+
+			var camera, scene, renderer;
+
+			var mesh, zmesh, lightMesh, geometry;
+
+			var mouseX = 0, mouseY = 0;
+
+			var windowHalfX = window.innerWidth / 2;
+			var windowHalfY = window.innerHeight / 2;
+
+			document.addEventListener( 'mousemove', onDocumentMouseMove, false );
+
+			init();
+			animate();
+
+
+			function init() {
+
+				container = document.createElement( 'div' );
+				document.body.appendChild( container );
+
+				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 10000 );
+				camera.position.z = 3200;
+
+				scene = new THREE.Scene();
+
+				scene.add( camera );
+
+				var material = new THREE.MeshNormalMaterial( { shading: THREE.SmoothShading } );
+
+				var loader = new THREE.JSONLoader();
+				loader.load( 'obj/Suzanne.js', function ( geometry ) {
+
+					geometry.computeVertexNormals();
+
+					for ( var i = 0; i < 7700; i ++ ) {
+
+						var 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.rotation.x = Math.random() * 360 * ( Math.PI / 180 );
+						mesh.rotation.y = Math.random() * 360 * ( Math.PI / 180 );
+						mesh.scale.x = mesh.scale.y = mesh.scale.z = Math.random() * 50 + 100;
+						mesh.matrixAutoUpdate = false;
+						mesh.updateMatrix();
+
+						scene.add( mesh );
+
+					}
+
+				} );
+
+				renderer = new THREE.WebGLRenderer( { antialias: false } );
+				renderer.setSize( window.innerWidth, window.innerHeight );
+				renderer.sortObjects = false;
+
+				container.appendChild( renderer.domElement );
+
+				stats = new Stats();
+				stats.domElement.style.position = 'absolute';
+				stats.domElement.style.top = '0px';
+				stats.domElement.style.zIndex = 100;
+				container.appendChild( stats.domElement );
+
+			}
+
+			function onDocumentMouseMove(event) {
+
+				mouseX = ( event.clientX - windowHalfX ) * 10;
+				mouseY = ( event.clientY - windowHalfY ) * 10;
+
+			}
+
+			//
+
+			function animate() {
+
+				requestAnimationFrame( animate );
+
+				render();
+				stats.update();
+
+			}
+
+			function render() {
+
+				camera.position.x += ( mouseX - camera.position.x ) * .05;
+				camera.position.y += ( - mouseY - camera.position.y ) * .05;
+
+				camera.lookAt( scene.position );
+
+				renderer.render( scene, camera );
+
+			}
+
+		</script>
+
+	</body>
+</html>
-- 
GitLab

