a-animation丢弃初始模型旋转

时间:2018-04-30 12:18:06

标签: aframe gltf

我使用AR(带标记)和动画gltf模型在一个轴上逆时针旋转。最初将我的标记放在桌子上,让模型在垂直轴上缓慢旋转360°:

https://codepen.io/germanviscuso/pen/rvVomR

(如果您有hiro marker方便的话,可以测试实际的AR跟踪)

现在我需要将标记放在牌组(幻灯片)上供人们试穿墙壁,但需要保持相同的动画(你首先看到的是脸部然后是头部后面然后再次面对)但是最初的模型(-90 0 0)不考虑轮换a-animation(正如您在上面的演示中看到的那样)。似乎a-animation坐标是绝对的而不是相对于模型的初始旋转。如果我删除整个a-animation,初始旋转看起来不错,但模型当然是静态的。

我该如何解决这个问题?应用相同动画但相对于模型初始旋转的正确方法是什么? (我需要从rotation=(-90 0 0)开始动画,在垂直轴上旋转(现在与标记平行)并在同一个地方结束)

1 个答案:

答案 0 :(得分:0)

首先,我建议使用https://github.com/ngokevin/kframe/tree/master/components/animation - 不推荐使用动画。

您可以将动画设置为-90 0 0并旋转至例如-90 360 0

或者将轮换放在父级中。

<a-entity animation="property: object3D.rotation.y; from: 0; to: 360; loop: true">
  <a-entity gltf-model=""></a-entity>
</a-entity>