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

标签 javascript math canvas

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

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

圆是如何完成的?

最佳答案

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

关于javascript - Canvas 像大轮子一样旋转矩形,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17320840/

相关文章:

c++ - C/C++ 中的四元数库

java - 在数组中搜索与其他数字不同的数字

javascript - 在Canvas中实现拉伸(stretch)橡皮筋效果

javascript - 提高 HTML5 Canvas 中 10,000 个粒子的性能

javascript - 如何在 AngularJS ng-if 语句中使用 ">"比较器

javascript - 时间到期后重启 FlipClock

javascript - !+ 在 Javascript 中是什么意思?

javascript - 递归金三 Angular ,三 Angular 形逼近哪一点?

javascript - Canvas 弧线倒计时,多条不同风格的弧线

javascript - TinyMCE:ajax 请求后按钮不起作用