场景api - getAframeElements

时间:2017-10-26 02:40:11

标签: aframe archilogic 3d.io

我使用平面布局转换API将我的2d平面图转换为3d并将sceneId转回71c8eef9-b44e-447f-a0d2-fd299318da56

我想将它转换为aframe应用程序中的afame组件。所以我使用getAframeElements并获得两个实体并关注您的官方样本:

const sceneEl = document.querySelector('a-scene')
io3d.scene.getAframeElements(sceneId)
  .then(elements => {
    // this will give us two elements
    // The first is the actual scene according to the scene structure hierarchy
    // The second is the camera with potential waypoints that where defined in the scene structure
    // you can leverage the waypoints using our A-Frame tour component
    elements.forEach((el) => {
      // add elements to the scene
      sceneEl.appendChild(el)
    })
    sceneEl.appendChild(element)
  })

然后它添加到aframe,但没有任何反应!我一无所获。 我想念一下吗?

1 个答案:

答案 0 :(得分:1)

如果没有完整的HTML和JavaScript,很难说出那里发生了什么,但要完成这项工作的完整代码是:

<!DOCTYPE html>
<html>
  <head>
    <script src="https://aframe.io/releases/0.7.0/aframe.min.js"></script>
    <script src="https://3d.io/releases/3dio-js/1.x.x/3dio.min.js"></script>
  </head>
  <body>
    <a-scene></a-scene>
    <script>
      io3d.scene.getAframeElements('71c8eef9-b44e-447f-a0d2-fd299318da56').then(elems => {
        document.querySelector('a-scene').appendChild(elems[0])
      })
    </script>
  </body>
</html>

你可以看到它在https://aspiring-snowman.glitch.me/

工作