关于Three.js matrixWorldAutoUpdate属性及A-Frame相关问题的技术问询

查阅Three.js API时发现Object3D.matrixWorldAutoUpdate属性，其说明如下：

.matrixWorldAutoUpdate : Boolean
默认值为true。若启用该属性，渲染器会在每一帧检查对象及其子对象是否需要更新矩阵；若禁用，则需自行维护对象及其子对象的所有矩阵。

但在A-Frame 1.3.0环境中（引入方式：<script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>），创建的Object3D实例（代码如下）中，mesh和group对象均无该属性：

var scene = new THREE.Scene();
var material = new THREE.MeshLambertMaterial({
    color:0x0000ff,
    // wireframe:true,
});
var mesh = new THREE.Mesh(geometry, material);
mesh.translateY(1);

var group = new THREE.Group();
group.translateY(-1.33);

group.add(mesh);

scene.add(group); 

技术问题 #

1. A-Frame是否使用特定版本的Three.js而非其主分支或正式发布版？若是，如何查看A-Frame所基于的Three.js版本及原始源码？
2. matrixWorldAutoUpdate属性的设计目的与使用场景是什么？若设为false，是否意味着matrixWorld不再由position/rotation/scale计算，可直接设置matrixWorld并忽略本地矩阵属性？

问题1：A-Frame的Three.js版本及源码查看 #

A-Frame确实固定基于特定版本的Three.js，而非直接使用主分支或最新正式版，核心目的是保证框架稳定性，避免Three.js版本迭代带来的兼容问题。

查看版本和源码的方法：

• 查看版本：在浏览器控制台直接输入THREE.REVISION，即可获取当前A-Frame内置的Three.js版本号；也可以查看A-Frame官方仓库的package.json文件，其中three依赖项会标注具体版本。
• 查看源码：A-Frame会将依赖的Three.js源码打包进自身构建文件，你可以通过浏览器开发者工具的Sources面板找到aframe.min.js对应的源码；也可查看A-Frame仓库中vendor/three目录下的代码，该目录存放了当前版本依赖的Three.js源码。

问题2：matrixWorldAutoUpdate的设计目的、场景及设置false后的行为 #

设计目的 #

该属性为性能优化而生：默认开启时，渲染器每一帧都会遍历对象树，检查对象的position/rotation/scale是否变化，若变化则重新计算本地矩阵和世界矩阵。但对于静态场景或不会动态变换的对象，这种检查属于冗余操作，禁用该属性可跳过这些计算，提升渲染效率。

使用场景 #

• 静态场景中的固定对象：比如场景内的地面、静态建筑等，一旦位置姿态确定后不再修改，适合禁用该属性。
• 批量控制矩阵的复杂场景：比如需要直接操作对象的世界矩阵（而非通过position/rotation/scale间接控制），此时禁用该属性可避免渲染器自动覆盖手动设置的矩阵。

设置false后的行为 #

当matrixWorldAutoUpdate设为false时，渲染器会停止自动计算该对象及其子对象的matrixWorld，也不会自动同步position/rotation/scale到本地矩阵。此时需要自行维护本地矩阵（matrix）和世界矩阵（matrixWorld）：

• 若只是想固定对象姿态，只需在设置好position/rotation/scale后调用一次object.updateMatrix()和object.updateMatrixWorld(true)，再禁用该属性即可；
• 若需要直接控制matrixWorld，可直接赋值该属性，但要注意子对象的世界矩阵依赖父对象的世界矩阵，若父对象矩阵有变化，需手动更新子对象的matrixWorld。

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