threejs-- add()和attach（）的区别(不受父对象影响)

在Three.js中，add()和attach()方法都涉及将一个物体（object）添加到另一个物体（Object3D）上，但它们有不同的作用和用法：

add()方法:

add(object)方法用于将一个物体添加为另一个物体的子对象。这会影响物体之间的层级结构，并且添加的物体（object）将继承其父对象（调用add()方法的对象）的变换（包括位置、旋转、缩放）。
当使用add()方法时，通常是为了构建物体之间的层级关系，使它们能够共享同一个坐标系，并且通过父子关系来管理它们的相对位置和旋转。
示例：

// 创建两个Object3D对象
const parent = new THREE.Object3D();
const child = new THREE.Mesh(geometry, material);

// 使用add方法将child添加为parent的子对象
parent.add(child);

// child对象现在是parent的子对象，受到parent的变换影响

attach()方法:

attach(object)方法也是将一个物体添加为另一个物体的子对象，但与add()方法不同的是，它更多地关注物体之间的层级管理而非变换关系。
attach()方法会将object添加为调用该方法的Object3D对象的子对象，但不会直接影响物体的局部变换（位置、旋转、缩放）。这意味着，object的变换不会受到父对象的影响，它们的变换是相对独立的。
示例：

// 创建两个Object3D对象
const parent = new THREE.Object3D();
const child = new THREE.Mesh(geometry, material);

// 使用attach方法将child对象附加到parent对象上
parent.attach(child);

// child对象被添加为parent的子对象，但其变换不受parent的影响

总结区别:

• add()用于构建层级关系，子对象会继承父对象的变换。
• attach()用于管理物体之间的关系，添加的物体不会直接继承父对象的变换。

选择使用哪个方法取决于你的需求：
如果希望子对象能够受到父对象的变换影响，使用add()；
如果希望在不受父对象变换影响的情况下管理层级关系，使用attach()。