实现与帧率无关的加速

Question

我正在尝试制作一个基于 HTML5 画布的游戏，其中涉及与帧速率无关的运动（对象以相同的速率移动，与 FPS 无关）。

我知道如何在以恒定速率移动的对象上实现与帧速率无关的运动。然而，在我的新游戏中，物体不会以恒定的速度移动 - 它们会加速。

我想让一个物体以每秒一个像素的速度加速，这样在每一秒结束的时候，物体都会在某个位置，不管FPS如何，如下图（从position = 0开始，速度 = 0：

Second 1: position: 1, velocity: 1
Second 2: position: 3, velocity: 2
Second 3: position: 6, velocity: 3
Second 4: position: 10, velocity: 4
...

除非我弄错了，这种情况可以用position += velocity += acceleration (1)之类的公式重现。

如何实现与帧速率无关？

Answer 1

如果加速度是常数a，在时间t=0，速度是V₀，位置是X ₀ 然后在稍后的某个时间 t 速度和位置将是：

V = V₀ + a t
X = X₀ + V₀ t + a t^2支持>/2

例如，如果我们取 a = 1 并从位置 = 0 开始，速度 = 0，我们以 1.0 的间隔对速度和位置进行采样：

Second 1: position: 0.5  velocity: 1
Second 2: position: 2    velocity: 2
Second 3: position: 4.5  velocity: 3
Second 4: position: 8    velocity: 4

但我们可以随时计算位置和速度。帧率没有出现在公式中。