three.js - 从 three.js object3D 访问 A-Frame 元素

Question

在 A-Frame 中，您可以使用 .object3D 或 .getObject3D() 访问实体的 object3D，在您工作时是否有相反的方法使用 three.js 对象，获取对象所属的元素？也许将父元素添加到 userdata？

Answer 1

A-Frame 将实体作为 .el 附加到 object3D。

例如带有网格的实体:

document.querySelector('a-entity').getObject3D('mesh').el;

它也附加到组object3D:

document.querySelector('a-entity').object3D.el;

这是在 setObject3D() 期间完成的。

对于object3D，A-Frame不直接管理并且没有直接关联的A-Frame实体，那么我们可以沿着场景图向上走，找到与最接近的一个object3D.traverseAncestors.