A-Frame:如何使用setObject3D为实体添加多个网格?

时间:2017-09-11 22:35:32

标签: three.js aframe

使用A-Frames标签,可以将多个组件作为子项添加到实体:

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

如何使用setObject3D方法在已注册的组件中复制它?

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

2 个答案:

答案 0 :(得分:2)

是的,您可以根据需要为object3D命名。 mesh这个词通常被网格所接受,并被几何/材质组件使用。澄清:

setObject3D('mesh')

setObject3D('yourobject')

setObject3D('whateveryouwantbox');

答案 1 :(得分:0)

据我所知,setObject3D只将Three对象映射为object3D的根,就像将子实体与父对象合并一样。 为了达到你想要的,你需要:

  • 获取父实体object3D参考
  • 创建三个对象
  • 使用parent.add(three.object)
  • 将对象添加到父级

在这里摆弄:https://jsfiddle.net/kzv3rj6m/1/