A-Frame:如何使用场景为场景中的对象设置动画

时间:2017-07-24 09:53:47

标签: animation three.js aframe

让我们谈谈3D电影或类似的事情。好的,我知道如何使用<a-animation>为属性设置动画。我还尝试了aframe-animation-component基于animejs。我爱animejs。它有用anime.timeline()。您可以设置此框架并根据需要为多个对象设置动画。但它有非常严重的问题:它无法为positionscale或其他序列化组件等复杂属性设置动画。这个问题我已经描述过here。 Animejs的时间轴非常适合DOM,但很难与A-Frame一起使用。 我还为three.js找到了this example。也许我可以为我的A-Frame场景生成相同的动画?正在寻找有关场景关键帧或时间轴的任何建议。

1 个答案:

答案 0 :(得分:1)

https://www.npmjs.com/package/aframe-animation-timeline-component

我发布了动画时间轴组件。

list(csv.DictReader(file, fieldnames=headers))

    

<a-scene animation-timeline__1="timeline: #myTimeline; loop: true">