如何旋转精灵并将其移向光标?

时间:2018-05-01 01:25:35

标签: javascript graphics html5-canvas game-physics

假设我有一个玩家精灵,位于(player.x,player.y)。在mousemove事件中,我正在捕获光标的位置,即(e.pageX,e.pageY)。在游戏中,玩家将不断移动,始终朝着光标的方向移动。我试图找到一种方法来旋转玩家精灵以始终面向鼠标光标,并且每个游戏滴答也移动10个像素更接近光标。到目前为止,这让我很难过。我在网上看过很多这样的例子,并尝试过所有这些例子,但似乎都没有。我们非常感谢您提供的任何帮助。

1 个答案:

答案 0 :(得分:0)

首先,您必须学习三角学的基础知识。没有这些知识,你就无法做出你想要的东西。

您的图像中心是圆的中心。知道中心位置和鼠标位置,就可以计算出角度。可用于旋转图像的计算角度。

enter image description here