如何解决更新 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] 举报,一经查实,本站将立刻删除。