Aframe，3dio场景：方向变化

Question

我曾经通过bakedModelUrl将3dio场景上传到一帧

<a-entity io3d-data3d="key:/3f995099-d624-4c8e-ab6b-1fd5e3799173/170515-0913-4p3ktf/1e588a3b-90ac-4a32-b5b8-ff2fda7f87c4.gz.data3d.buffer"></a-entity>

这里描述： https ： //3d.io/docs/api/1/aframe-components.html

但在使用此方法时（通过sceneId）：

const scene = 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
  scene.appendChild(el)
})
scene.appendChild(element)
})

这里描述： https ： //3d.io/docs/api/1/scene.html ，我似乎没有得到相同的模型方向。

看一看：

https://codepen.io/Anathapindika/pen/mqzGPB?editors=1011(bakedModelUrl方法 - 摄像头位置=“10 10 0”）

https://codepen.io/Anathapindika/pen/RjBxqO（sceneId Methode - 相机位置=“0 10 0”）

Answer 1

我同意这似乎令人惊讶，我们需要重新考虑这种行为或更好地解释它。

直接使用io3d-data3d组件与使用io3d.scene -methods将整个场景结构导入A-Frame之间存在细微差别。

基本上data3d 是场景结构的一部分 ，但场景结构不仅仅包含data3d。 值得注意的是，data3d通常不是顶级对象 。

这是什么意思？

这意味着，场景结构支持诸如多层（也称为楼层或楼层）之类的东西，每个层面都有自己的data3d模型。 然后可以单独旋转每个data3d模型，也可以旋转顶级场景对象。

直接使用data3d模型时，在使用场景结构方法时获取它们时不会获得这些旋转。

但是，在你的特殊情况下，我检查了JSON，发现所有旋转都是0，但后来我发现了一些东西：这两个模型实际上看起来不同。 data3d URL是否可能过时（每次重做实际照明时，data3d URL都会更改。

如果我使用新的data3d URL，则两个codepens中的方向相同。

Answer 2

io3d.scene.getAframeElements(sceneId)

导入整个场景层次结构并创建相应的A-Frame节点。

烘焙模型绑定到作为plan节点的子节点的level节点。 plan节点是最高层次结构。 https://3d.io/docs/api/1/scene-structure-reference.html#level

假设在您的情况下， plan节点具有旋转或位置更改。

要导入场景而不应用根旋转和位置，您有两个选项：

在导入之前调整sceneStructure：

io3d.scene.getStructure(sceneId)
  .then(sceneStructure => {
     // root node is the 'plan' node. reset it's position and rotation
     sceneStructure.x = sceneStructure.z = sceneStructure.ry = 0
     // convert sceneStructure to A-Frame Elements
     var elements = io3d.scene.getAframeElementsFromSceneStructure(sceneStructure)
     // add elements to the scene
     elements.forEach((el) => {
       // add elements to the scene
       scene.appendChild(el)
     })
  })

或者在导入后直接调整根DOM元素

io3d.scene.getAframeElements(sceneId)
  .then(elements => {
    elements[0].setAttribute('position', '0 0 0')
    elements[0].setAttribute('rotation', '0 0 0')
    // add elements to the scene
    elements.forEach((el) => {
      // add elements to the scene
      scene.appendChild(el)
    })
 })