【问题标题】:How to rotate and move a sprite towards the cursor?如何向光标旋转和移动精灵?
【发布时间】:2018-05-01 09:36:17
【问题描述】:

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

【问题讨论】:

  • 您应该分享您的尝试(代码 sn-p、fiddle、pen ..)以获得更准确的答案。

标签: javascript graphics html5-canvas game-physics


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2015-12-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多