微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

更新 Phaser 3 中的跑步动画

如何解决更新 Phaser 3 中的跑步动画

我正在执行按钮操作后的旋转动画。但是要知道动画需要在哪里停止(最终角度),我需要调用后端。所以我开始动画,当我收到后端的响应时,我更新动画。这是代码

const anim = scene.tweens.add({
    targets: [targetContainer],angle: angle,duration: WHEEL_ROTATION_DURATION,ease: 'Cubic.eaSEOut',})

和更新:

anim.data[0].end += newAngle

它工作正常,但在更新角度的那一刻,动画会产生一个不好看的“故障/跳跃”。 关于如何使它顺利的任何想法?

解决方法

Antriel 在移相器论坛上的回答:

使其平滑的最佳方法是手动更新角度 更新,使用恒定速度(所以像 container.angle += 角速度 * dt)。然后,当你得到后端响应时, 只需以正确的结束位置开始easeOut tween,然后 指定速度而不是持续时间。

效果很好。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。