hiloteam / Hilo

A Cross-end HTML5 Game development solution
https://hiloteam.github.io/
MIT License
5.93k stars 863 forks source link

如何针对同一个可视对象连续执行缓动动画? #109

Closed ben-yip closed 6 years ago

ben-yip commented 6 years ago

需求: 同一个可视对象,要沿着一个设定的路径移动(一段折线); 目前的做法: 用 Tween 的 link 方法连起来; 遇到问题:

// box 是一个 Bitmap,原始位置在(0,0)
Hilo.Tween.to(
    box,
    {x: 100, y: 100},
    {delay: 200, duration: 500}
).link(
    new Hilo.Tween(
        box,
        {x: 100, y: 100},
        {x: 300, y: 300},
        {delay: '+0', duration: 500}
    )
)

我觉得是我打开方式错误了,这个情况应该怎么写呢?

06wj commented 6 years ago

这个是因为 link 方法返回的是调用者本身 所以多个link其实都是放在第一个对象里了

06wj commented 6 years ago

@ben-yip v1.1.6 修复了这个bug, fromProperties 改成真正start后才会设置 demo