A-Frame: How do you add multiple meshes to an entity with setObject3D?

问题

With A-Frames tags, one can add multiple components as children to an entity:

<a-scene>
  <a-entity>
   <a-box>...</a-box>
   <a-box>...</a-box> 
 </a-entity>
<a-scene>

How would you duplicate this in a registered component with the setObject3D method?

CodePen: https://codepen.io/ubermario/pen/wrwjVG

回答1:

Yup, you can name the object3D however you want. The mesh word is just sort of commonly accepted for meshes and used by geometry/material components. To clarify:

setObject3D('mesh')

setObject3D('yourobject')

setObject3D('whateveryouwantbox');

回答2:

As far as i know, setObject3D only maps the Three object as the root of the object3D, like merging child entities with the parent. In order to achieve what You want, You need to:

• get the parent entity object3D reference
• create the three objects
• add the objects to the parent using parent.add(three.object)

fiddle here: https://jsfiddle.net/kzv3rj6m/1/

来源：https://stackoverflow.com/questions/46165250/a-frame-how-do-you-add-multiple-meshes-to-an-entity-with-setobject3d