瀏覽代碼

change voxelpainter to use THREE.CombinedCamera

Justin Sermeno 14 年之前
父節點
當前提交
6e6f2453a1
共有 1 個文件被更改,包括 10 次插入14 次删除
  1. 10 14
      examples/webgl_interactive_voxelpainter.html

+ 10 - 14
examples/webgl_interactive_voxelpainter.html

@@ -31,7 +31,7 @@
 			if ( ! Detector.webgl ) Detector.addGetWebGLMessage();
 
 			var container, stats;
-			var camera, cameraTarget, cameraPerspective, cameraOrtho, scene, renderer;
+			var camera, cameraTarget, scene, renderer;
 			var projector, plane, cube;
 			var mouse2D, mouse3D, ray,
 			rollOveredFace, isShiftDown = false,
@@ -61,16 +61,9 @@
 				info.innerHTML = '<a href="http://github.com/mrdoob/three.js" target="_blank">three.js</a> - voxel painter - webgl<br /><strong>click</strong>: add voxel, <strong>control + click</strong>: remove voxel, <strong>shift + click</strong>: rotate, <a href="javascript:save();return false;">save .png</a>';
 				container.appendChild( info );
 
-				cameraPerspective = new THREE.PerspectiveCamera( 40, window.innerWidth / window.innerHeight, 1, 10000 );
-				cameraPerspective.position.y = 800;
-
-				cameraOrtho = new THREE.OrthographicCamera( window.innerWidth / - 2, window.innerWidth / 2, window.innerHeight / 2, window.innerHeight / - 2, - 2000, 10000 );
-                cameraOrtho.position.x = 1000;
-                cameraOrtho.position.y = 707.106;
-                cameraOrtho.position.z = 1000;
-
-				camera = cameraPerspective;
-
+				camera = new THREE.CombinedCamera( window.innerWidth, window.innerHeight, 45, 1, 10000, -2000, 10000 );
+				camera.position.y = 800;
+				
 				cameraTarget = new THREE.Vector3( 0, 0, 0 );
 
 				scene = new THREE.Scene();
@@ -82,7 +75,6 @@
 				rollOverMesh = new THREE.Mesh( rollOverGeo, rollOverMaterial );
 				scene.add( rollOverMesh );
 
-
 				// cubes
 
 				cubeGeo = new THREE.CubeGeometry( 50, 50, 50 );
@@ -140,10 +132,14 @@
 				gui.add(voxelConfig, 'orthographicProjection').onChange(function(){
 					
 					if ( voxelConfig.orthographicProjection ) {
-						camera = cameraOrtho;
+						camera.toOrthographic();
+						camera.position.x = 1000;
+               			camera.position.y = 707.106;
+                		camera.position.z = 1000;
 						theta = 90;
 					} else {
-						camera = cameraPerspective;
+						camera.toPerspective();
+						camera.position.y = 800;
 					}
 				
 				});