three.js - 在 three.js 中将子节点/对象附加到 Object3D

Question

我正在将 .obj 文件加载到 Object3D 对象中。效果很好，我可以在屏幕上看到它。但是，我想在对象上方的某些点创建旋转精灵（萤火虫、闪电球等）的印象。

我一直在查看有关精灵和其他内容的 three.js 文档，并且对这些功能印象深刻。但是我需要一点帮助来了解如何创建一个独立的精灵“地球”，让精灵在自己的本地坐标系中飞来飞去，然后将独立的“地球”移动到 obj 文件上方的某个点。有人可以帮我开始吗？（我想归结为，你如何在threejs中相对于另一个对象定位一个对象？）

Answer 1

您应该能够简单地将旋转精灵附加到使用add()函数：

//create an empty 'container'/Object3D
var spinningSprites = new Object3D();
//add elements to it:
for(var i = 0 ; i < numSprites; i++) spinningSprites.add(yourParticleObjectInstsance);
//lastly add the whole container to the loaded model:
youLoadedModel.add(spinningSprites);

上面是一个例子，你可能会使用不同的变量名等，但想法很简单：使用 add()。