改变模型的初始位置和旋转

Question

有一个简单的.html文件，使用A-Frame加载一个特定的模型。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Octant Cube - by Dodds, H. & Peres, T.</title>
    <meta name="description" content="Present in the Taxonomy article">
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
  </head>
  <body>
    <a-scene background="color: #FAFAFA">
      <a-assets>
        <a-asset-item id="octant" src="octant.glb"></a-asset-item>
      </a-assets>
      <a-entity gltf-model="#octant"></a-entity>
  </body>
</html>

该对象在页面上加载得很好 (如文件所述)但这是我最初看到的

如果我往下看，就能看到一架飞机。

但希望在开始时看到以下内容

使用A-Frame检查器，我能够看到这将适合于位置0 , 0.347, -3和旋转0, 58.0274, -0.27。

我尝试将位置和旋转添加到 <a-assets> 和 <a-asset-item ... > 但看不出任何变化。

如何改变模型的初始位置和旋转？

Answer 1

需要在 <a-entity> 而不是这样

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Octant Cube - by Dodds, H. & Peres, T.</title>
    <meta name="description" content="Present in the Taxonomy article">
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
  </head>
  <body>
    <a-scene background="color: #FAFAFA">
      <a-assets>
        <a-asset-item id="octant" src="octant.glb"></a-asset-item>
      </a-assets>
      <a-entity position="0 0.347 -4" rotation="0 60 -1"  gltf-model="#octant"></a-entity>
  </body>
</html>

这就是最后的结果

改变模型的初始位置和旋转

问题描述投票：0回答：1

1个回答

最新问题

改变模型的初始位置和旋转

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1