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 を使用しています。