Matrix4.makeRotationAxis()

该方法是three.js库中Matrix4对象的一个方法，用于沿着指定轴旋转矩阵。该方法需要一个轴向量和一个角度作为参数。

示例

const matrix = new THREE.Matrix4();
const axis = new THREE.Vector3(0, 1, 0); // 定义一个y轴向量
const angle = Math.PI / 4; // 旋转45度
matrix.makeRotationAxis(axis, angle);

参数

• axis： THREE.Vector3类型，表示旋转的轴向量。
• angle：表示旋转的角度。

返回值

该方法没有返回值，但会修改调用它的Matrix4对象。

示例代码

// 创建一个四方体
const geometry = new THREE.BoxGeometry(1, 1, 1);
const material = new THREE.MeshBasicMaterial({ color: 0xffffff });
const mesh = new THREE.Mesh(geometry, material);

// 将四方体沿y轴旋转45度
const axis = new THREE.Vector3(0, 1, 0);
const angle = Math.PI / 4;
const rotationMatrix = new THREE.Matrix4().makeRotationAxis(axis, angle); // 创建旋转矩阵
mesh.applyMatrix4(rotationMatrix); // 应用旋转矩阵

// 将四方体添加到场景中
const scene = new THREE.Scene();
scene.add(mesh);

// 创建一个透视相机
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.z = 5;

// 创建一个渲染器
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 渲染场景
const render = () => {
  requestAnimationFrame(render);
  renderer.render(scene, camera);
};
render();

总结

Matrix4.makeRotationAxis()方法是three.js库中Matrix4对象的一个方法，可以将一个对象沿着指定轴旋转一个指定的角度。该方法需要传入一个轴向量表示旋转的轴线以及一个角度表示旋转的角度。