画布像大轮一样旋转矩形

时间:2013-06-26 13:04:04

标签: javascript math canvas

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

我可以通过50个循环轻松地完成钻石形状,x将是++;你会的 是++; 然后50后x将是 - ;而y将是++;等等。

圆圈是如何完成的?

1 个答案:

答案 0 :(得分:3)

不太确定你要做什么,但如果我理解了问题,你应该存储矩形的当前角度theta,然后更新x和{{1} } yr*sin(theta)+offset_x,其中偏移是旋转中心的位置。然后每帧增加r*cos(theta)+offset_y一小部分。