使用鼠标在HTML画布中控制游戏

时间:2010-12-23 15:04:31

标签: javascript html5 canvas controls mouse

我试图找出JavaScript和HTML是否可以控制鼠标并引入相对运动控制 - 你在第一人称游戏中获得的鼠标控制类型(鼠标可以向一个方向移动)并且玩家将无限转动直到鼠标停止。)

我能想到的唯一方法就是通过JavaScript控制鼠标,我相信这是不可能的。有没有人对此有任何想法?

3 个答案:

答案 0 :(得分:3)

好消息老问题,随着鼠标锁的引入,https://developer.mozilla.org/en/API/Mouse_Lock_API,你可以捕捉相对运动。

答案 1 :(得分:2)

根据您制作的内容,您可以像飞行模拟游戏一样。意思是,变化率取决于鼠标距中心/静止位置的距离,而不是鼠标的实际增量。这只适用于车辆游戏。

答案 2 :(得分:1)

不是真的。您可以模拟这个:onmousemove,获取X和Y坐标,并从此计算光标相对于游戏视口的位置(例如,如果游戏发生在从[100,100]到[200,200]的正方形中,则鼠标在[59,92] ]意思是“向左转”,因为它位于[150,150]的游戏“中心”左侧。

可能的问题:当鼠标在浏览器窗口之外时,您停止接收事件(要求玩家最大化窗口以获得最佳体验?)。