计算旋转（或自旋）

Question

我正在查看 W3 在画布上的 ref，在一个示例中，他们创建了一个红色块并通过以下计算确定其 x,y：

this.angle += this.moveAngle * Math.PI / 180;
this.x += this.speed * Math.sin(this.angle);
this.y -= this.speed * Math.cos(this.angle);

full piece

sin 和 cos 在改变方块的 x,y 位置时起什么作用？

Answer 1

在该示例中，物体的速度与角度有关。
只需尝试删除它，您就会看到会发生什么。

代替：

this.x += this.speed * Math.sin(this.angle);
this.y -= this.speed * Math.cos(this.angle);

就这样吧：

this.x += this.speed;
this.y -= this.speed;

您的对象将不再沿角度方向移动。
这只是一个简单实用的解释。

---

但您应该更多地了解三角学：
https://en.wikipedia.org/wiki/Trigonometry

还有可汗学院有课程：
https://www.khanacademy.org/math/trigonometry