HTML5/Javascript以一定角度在屏幕上移动对象

Question

在过去一年左右的时间里,我一直在熟悉Javascript,为了真正学习语言,我决定制作HTML5游戏!我遇到的问题是我完全不知道如何在一个角度上平滑地移动屏幕上的图像.我可以通过将其向上/向下移动一个像素x轴和向上/向下y轴移动一个像素,以45度角移动它,但这不够具体.我将如何以非常特定的角度移动它？在我看来,必须有一个函数将其四舍五入到最近的像素？

不完全确定...任何解决方案都可以正常工作,虽然非库特定解释将是首选!

谢谢!

Answer 1

您想要查看的是线性插值（或lerp）的 javascript 实现。另一个名字是，motion tween但我相信这更像是一个动画术语，而不是游戏开发。

这个想法是，您有两个坐标：开始和结束，以及动画发生的时间，然后使用线性插值在两者之间设置动画。

从链接的堆栈问题中，本文解释了允许您进行插值的浏览器实现。