ThreeJS入門代碼給出控制檯錯誤

我試圖從他們的入門指南中學習Three.js：http://threejs.org/docs/index.html#Manual/Introduction/Creating_a_scene，我的代碼與網站完全一樣。我正在使用他們網站的最新代碼，就像圖書館一樣。在控制檯中的錯誤如下：ThreeJS入門代碼給出控制檯錯誤

Uncaught TypeError: Object #<Object> has no method '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>

來源

2014-11-06 Vnge

你需要更加小心。檢查你的代碼。 – WestLangley 2014-11-06 04:46:35

除此之外，我在Box Geometry中使用了10個參數..我會再看一次 – Vnge 2014-11-06 14:04:10

從@WestLangley的建議，我需要檢查我的代碼。我是在幾何聲明中缺少一個new，我renderer.setSize呼叫需要2個PARAMS，而不是1（我使用的是比）和最終var render = function....我需要拿出第二render

有時候這是好事，有一個第二一雙眼睛..再次感謝@WestLangley

來源

2014-11-06 14:20:26 Vnge

ThreeJS入門代碼給出控制檯錯誤

回答

相關問題