THREE.js - キャッチされない例外TypeError

Question

私はちょうどウェブGLを使用するように学んでいますし、THREE.js

は、私は、YouTubeのチュートリアルに続き、結果として、以下のコードになってしまいました。このコードは、立方体と軸を表示する必要があります。しかし、このコードを含むページを表示しようとすると、Javascriptエラーが発生します。エラー状態：

Uncaught TypeError: this.updateMorphTargets is not a function

私は私が間違って行っているが、THREE.jsに精通していた、ここで誰かが私を助けることができることを期待していたかわからないです。あなたのお時間をありがとうございました。

jQuery(document).ready(function($){ 

    var scene = new THREE.Scene(); 
    var camera = new THREE.PerspectiveCamera(45, window.innerWidth/window.innerHeight,.1, 500); 
    var renderer = new THREE.WebGLRenderer(); 

    renderer.setClearColor(0x000000); 
    renderer.setSize(window.innerWidth, window.innerHeight); 

    var axis = new THREE.AxisHelper(10); 

    scene.add(axis); 

    var cubeGeometry = new THREE.BoxGeometry(5, 5, 5); 
    var cubeMaterial = new THREE.MeshBasicMaterial({color: 0xdddddd, wireframe:true}); 
    var cube = THREE.Mesh(cubeGeometry, cubeMaterial); 

    cube.position.x = 0; 
    cube.position.y = 0; 
    cube.position.z = 0; 

    scene.add(cube); 

    camera.position.x = 40; 
    camera.position.y = 40; 
    camera.position.z = 40; 

    camera.lookAt(scene.position); 

    $('#webgl-container').append(renderer.domElement); 
    renderer.render(scene, camera); 

}); 

Answer 1

あなたはThree.MESH前new演算子を忘れて、簡単なタイプミスをしなかったので、それは次のようになります。

var cube = new THREE.Mesh(cubeGeometry, cubeMaterial); 

newオペレータは大したことで、それなしでTHREE.Meshはもはやコンストラクタですが、通常の機能です。これにより、関数内のthisは、新しく作成されたMeshオブジェクトではなく、THREE名前空間オブジェクト自体を参照します。 THREE名前空間オブジェクトにはupdateMorphTarget()メソッドがないため、エラーです。