提交代码

Author: sharpxiajun

.idea/workspace.xml

@@ -8,6 +8,8 @@
     <script type="text/javascript" src="./js/libs/stats.js"></script>
     <script type="text/javascript" src="./js/libs/dat.gui.js"></script>
     <script type="text/javascript" src="./njs/loaders/OBJLoader.js"></script>
+    <script type="text/javascript" src="./njs/controls/TrackballControls.js"></script>
+    <script type="text/javascript" src="./njs/renderers/CSS3DRenderer.js"></script>
     <script type="text/javascript" src="./js/initStats.js"></script>
     <script type="text/javascript" src="./js/reload.js"></script>
 </head>
@@ -21,18 +23,24 @@
         var renderScene = function() {
             stats.update();
 
+            var delta = clock.getDelta();
+            trackballControls.update(delta);
+
             requestAnimationFrame(renderScene);
             renderer.render(scene, camera);
         }
 
         var stats = initStats();
 
+        var clock = new THREE.Clock();
+
+
         var scene = new THREE.Scene();
         var step = 0;
         var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
         var renderer = new THREE.WebGLRenderer();
 
-        renderer.setClearColor(new THREE.Color(0x000000, 1));
+        renderer.setClearColor(0xeeeeee);
         renderer.setSize(window.innerWidth, window.innerHeight);
         // renderer.shadowMapEnabled = true;
 
@@ -51,6 +59,8 @@
             mat.map = texture;
             mat1.map = texture1;
 
+            mat.side = THREE.DoubleSide
+
             loadedMesh.children.forEach(function (child) {
                 // if (child.name.indexOf('挤压') >= 0) {
                 //     console.log('child name', child.name)
@@ -63,7 +73,7 @@
                 //     child.material = mat;
                 //     // child.material = material;
                 // }
-                child.material = mat1;
+                child.material = mat;
                 // child.material = material;
             })
 
@@ -94,6 +104,16 @@
         // spotLight.intensity = 1;
         // scene.add(spotLight);
 
+        var trackballControls = new THREE.TrackballControls(camera);
+
+        trackballControls.rotateSpeed = 1.0;
+        trackballControls.zoomSpeed = 1.0;
+        trackballControls.panSpeed = 1.0;
+//        trackballControls.noZoom=false;
+//        trackballControls.noPan=false;
+        trackballControls.staticMoving = true;
+//        trackballControls.dynamicDampingFactor=0.3;
+
         document.getElementById("WebGL-output").appendChild(renderer.domElement);
 
         renderScene();