Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ThreeJS入门代码给出了控制台错误_Javascript_Html_Three.js - Fatal编程技术网

Javascript ThreeJS入门代码给出了控制台错误

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

我试图从他们的入门指南中学习Three.js:我的代码与网站上的代码一模一样。我使用的是他们网站上的最新代码,比如库。控制台中的错误如下所示:

未捕获的TypeError:对象没有方法“mergeVertices”

我真的不太确定问题是什么

以下是我正在使用的网站上的代码:

<!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作为长方体几何体中的参数。。我再看看