javascript - Canvas 像大轮子一样旋转矩形

Question

所以我有一个水平仪，希望矩形的 x,y 像大轮子一样移动。我将用它作为到达终点的平台。所以每一帧都会移动 1 或 2 个像素。只是想知道如何解决这个问题？

我可以很容易地通过 50 次循环来制作菱形形状，x 将是++；他们会是++；那么 50 后 x 将是——； y 将是++；等等。

圆是如何完成的？

Answer 1

不太确定你要做什么，但如果我理解问题正确，你应该存储矩形的当前 Angular ，theta，然后更新x 和 y 为 r*sin(theta)+offset_x 和 r*cos(theta)+offset_y，其中偏移量是旋转中心。然后每一帧都会将 theta 增加一些少量。