如何在Three.js中直接访问并修改透视相机投影矩阵？

1. 如何在Three.js中直接访问ProjectionMatrix？ #

在Three.js里，不管是透视相机（PerspectiveCamera）还是正交相机（OrthographicCamera），你都可以直接通过相机实例的projectionMatrix属性访问投影矩阵。它是一个Matrix4对象，里面的elements属性是一个长度为16的数组，对应矩阵的16个元素（按列主序排列）。

举个简单的访问例子：

// 获取相机的投影矩阵
const projectionMatrix = camera.projectionMatrix;
// 打印矩阵的所有元素
console.log(projectionMatrix.elements);

2. 修改透视相机投影矩阵元素不生效的问题及set方法说明 #

为什么你的代码没生效？ #

你写的这段代码有两个关键问题：

cameraPersp.projectionMatrix.elements.set = (a,b,c,d, e,f,g,h, i,j,k,l, m,n,o,p); 
cameraPersp.updateProjectionMatrix();

首先，elements是数组，set是数组的方法，不是属性，你不能直接给它赋值函数，正确的调用方式是传入一个数组参数：

cameraPersp.projectionMatrix.elements.set([a,b,c,d, e,f,g,h, i,j,k,l, m,n,o,p]);

其次，你调用了updateProjectionMatrix()——这个方法的核心作用就是根据相机的fov、aspect、near、far参数重新计算并覆盖投影矩阵，所以你手动修改的内容会被直接冲掉！如果要保留手动修改的矩阵，绝对不能调用这个方法。

关于set方法的功能 #

数组的set方法只能用来批量替换数组元素，它不支持乘法、加法这类算术运算。如果要对矩阵元素进行加减乘除操作，需要直接操作elements数组的单个索引项，比如：

// 给第一行第一列的元素（索引0）乘以2
cameraPersp.projectionMatrix.elements[0] *= 2;
// 给第二行第二列的元素（索引5）加1
cameraPersp.projectionMatrix.elements[5] += 1;

正确的修改示例 #

如果要手动替换投影矩阵的所有元素，正确的写法是：

// 准备好16个矩阵元素值
const newElements = [a,b,c,d, e,f,g,h, i,j,k,l, m,n,o,p];
// 替换矩阵元素
cameraPersp.projectionMatrix.elements.set(newElements);
// 重点：不要调用updateProjectionMatrix()！

如果之后你想恢复相机自动计算投影矩阵的功能，再调用updateProjectionMatrix()即可，这时候相机会用当前的fov、aspect等参数重新生成矩阵。

内容的提问来源于stack exchange，提问作者user5515