0

github からの参照コードと、stackoverflow でのオブジェクトの回転に関するその他の質問を見つけました。

var vector = new THREE.Vector3( 1, 0, 0 );
        var axis = new THREE.Vector3( 1, 0, 0 ).normalize();
        var angle = Math.PI / 2;                

        function rotateAroundWorldAxis(object, axis, angle) {                                               
            var matrix = new THREE.Matrix4().makeRotationAxis( axis, angle );
            matrix.multiplyVector3( vector );
            object.matrix = matrix;
            object.rotation.setEulerFromRotationMatrix(object.matrix);
        }

        function render() {                     
            rotateAroundWorldAxis(tubeMesh, axis, angle);
            renderer.render( scene, camera );
        }

「Uncaught TypeError: Undefined のプロパティ 'x' を読み取れません」というエラーの原因がわかりません。google chromeでは次のように表示されます

  • Uncaught TypeError: three.min.js:56 で undefined のプロパティ 'x' を読み取ることができません
  • three.min.js:56 の THREE.Matrix4.makeRotationAxis
  • my_model.htm:290 のrotateAroundWorldAxis
  • my_model.htm:297 でレンダリング
  • アニメーション化

エラーはthree.min.js行番号にあります。56. three.js ライブラリの r51 を使用しています。

4

1 に答える 1