Three.js - TypeError: THREE.Scene不是构造函数
Three.js - TypeError: THREE.Scene不是构造函数
提问于 2016-08-23 19:19:22
我只是在尝试Three.js，这样我就可以将它实现到我的项目中，但是当我运行文档中的第一个示例时：
<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不是构造函数
我尝试添加scene.js，但它在scene.js内部抛出了另一个错误，因此无法工作。我使用的是r80版本，我听说文档中有一些不能正常工作的示例，但是我不确定这里有什么问题。
任何帮助都将不胜感激。
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-08-25 03:12:38
正如上面的评论所指出的，问题出在页面中包含了错误的three.js-file。您应该始终使用来自three.js存储库的./build-folder或cdnjs：https://cdnjs.com/libraries/three.js/托管的版本的文件
Stack Overflow用户
发布于 2018-05-30 08:00:45
我遇到这个问题是因为我调用的是new THREE.scene而不是new THREE.Scene (大写S!)
Stack Overflow用户
发布于 2019-07-15 07:16:01
我也遇到过同样的问题，但是
THREE.MeshLambertMaterial
这个问题的出现是因为我写得不正确
不带字母't‘的
THREE.MeshLamberMaterial
也许它可以对某人有所帮助:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39099720
复制相关文章
相似问题