Javascript ThreeJS入门代码给出了控制台错误
我试图从他们的入门指南中学习Three.js:我的代码与网站上的代码一模一样。我使用的是他们网站上的最新代码,比如库。控制台中的错误如下所示: 未捕获的TypeError:对象没有方法“mergeVertices” 我真的不太确定问题是什么 以下是我正在使用的网站上的代码:Javascript ThreeJS入门代码给出了控制台错误,javascript,html,three.js,Javascript,Html,Three.js,我试图从他们的入门指南中学习Three.js:我的代码与网站上的代码一模一样。我使用的是他们网站上的最新代码,比如库。控制台中的错误如下所示: 未捕获的TypeError:对象没有方法“mergeVertices” 我真的不太确定问题是什么 以下是我正在使用的网站上的代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Firs
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>First Three JS App</title>
<style>
body {
margin: 0;
}
canvas {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<script src="js/three.js"></script>
<script>
// To be able to view anything with Three.js we need a scene, a camera, and a renderer
// -> To render the scene with the camera
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 = THREE.BoxGeometry(10, 10, 10 );
var material = new THREE.MeshBasicMaterial( { color: 0x00ff00 });
var cube = new THREE.Mesh( geometry, material);
scene.add( cube );
camera.position.z = 5;
var render = function render() {
requestAnimationFrame( render )
cube.rotation.x += 0.1;
cube.rotation.y += 0.1;
renderer.render( scene, camera );
};
render();
</script>
</body>
</html>
根据@WestLangley的建议,我需要检查我的代码。我缺少一个新的in geometry声明,我的renderer.setSize调用需要2个参数,而不是1个参数。我使用的是比率和最终的var render=函数。。。。我需要取出第二个渲染
有时候,拥有第二双眼睛是件好事。。再次感谢@WestLangley您需要更加小心。检查你的代码。除此之外,我使用10作为长方体几何体中的参数。。我再看看