Three.js不會在本地運行 - 任何想法？

所以，我現在想我的手在three.js所時遇到與運行它 -Three.js不會在本地運行 - 任何想法？

從網站 -

<html> 
    <head> 
     <title>My first Three.js app</title> 
     <style>canvas { width: 100%; height: 100% }</style> 
    </head> 
    <body> 
     <script src="https://rawgithub.com/mrdoob/three.js/master/build/three.js"></script> 
     <script> 
      var scene = new THREE.Scene(); 
      var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); 

      var renderer = new THREE.WebGLRenderer(); 
      renderer.setSize(window.innerWidth, window.innerHeight); 
      document.body.appendChild(renderer.domElement); 

      var geometry = new THREE.CubeGeometry(1,1,1); 
      var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); 
      var cube = new THREE.Mesh(geometry, material); 
      scene.add(cube); 

      camera.position.z = 5; 

      var render = function() { 
       requestAnimationFrame(render); 

       cube.rotation.x += 0.1; 
       cube.rotation.y += 0.1; 

       renderer.render(scene, camera); 
      }; 

      render(); 
      alert("hit"); 
      </script> 
    </body> 
</html>

使用教程因爲我從GitHub使用腳本源的一些問題，有用。但是，當我下載three.min.js或three.js所文件並在本地像這樣運行：

<html> 
    <head> 
     <title>My first Three.js app</title> 
     <style>canvas { width: 100%; height: 100% }</style> 
    </head> 
    <body> 
     <script src="three.min.js"></script> 
     <script> 
      var scene = new THREE.Scene(); 
      var camera = new THREE.PerspectiveCamera(75, window.innerWidth/window.innerHeight, 0.1, 1000); 

      var renderer = new THREE.WebGLRenderer(); 
      renderer.setSize(window.innerWidth, window.innerHeight); 
      document.body.appendChild(renderer.domElement); 

      var geometry = new THREE.CubeGeometry(1,1,1); 
      var material = new THREE.MeshBasicMaterial({color: 0x00ff00}); 
      var cube = new THREE.Mesh(geometry, material); 
      scene.add(cube); 

      camera.position.z = 5; 

      var render = function() { 
       requestAnimationFrame(render); 

       cube.rotation.x += 0.1; 
       cube.rotation.y += 0.1; 

       renderer.render(scene, camera); 
      }; 

      render(); 
      alert("hit"); 
      </script> 
    </body> 
</html>

它不會工作...

來源

2013-07-04 Skorpius

如果你正在運行的所有網頁從本地文件系統，預計會出現問題。在Windows中，在本地運行某些東西的最簡單方法是下載WebMatrix，然後爲您安裝IIS Express的副本，並且您只需點擊一下即可完成安裝。

來源

2013-07-05 06:34:51 JayC

Three.js不會在本地運行 - 任何想法？

回答

相關問題