three.js所 - 类型错误：THREE.Scene是不是构造

我只是想出来three.js所这样我就可以实现它向我的一个项目，但是当我运行文档中的第一个例子：three.js所 - 类型错误：THREE.Scene是不是构造

<html> 
    <head> 
     <title>My first Three.js app</title> 
     <style> 
      body { margin: 0; } 
      canvas { width: 100%; height: 100% } 
     </style> 
    </head> 
    <body> 
     <script src="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.BoxGeometry(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(); 
     </script> 
    </body> 
</html>

我得到这个错误：

TypeError: THREE.Scene is not a constructor

我尝试添加scene.js，但它扔里面scene.js其他错误，因此没有工作。我使用的是r80版本，我听说文档中有一些非工作示例，但我不确定这里有什么问题。

任何帮助，将不胜感激。

来源

2016-08-23 Murat Aykanat

您确定“three.js”库的路径是否正确？如果你尝试去看它会发生什么？尝试跟踪错误中的最终404 – tforgione

是的，路径是正确的，整个事情是在我的电脑的目录。 –

你能仔细检查一下，这实际上是你正在加载的文件：'three.js'：https://github.com/mrdoob/three.js/blob/master/build/three.js（即'./build'-文件夹）。 –

正如上面评论所述，问题是错误的three.js-文件被包含在页面中。您应该始终使用three.js存储库的./build-文件夹或由cdnjs托管的版本中的文件：https://cdnjs.com/libraries/three.js/

来源

2016-08-24 19:12:37

three.js所 - 类型错误：THREE.Scene是不是构造

回答

相关问题