持续检测鼠标移动 JavaScript

时间:2021-01-07 17:31:17

标签: javascript html5-canvas mouseevent

我正在 JS 中的 html-canvas 上开发 3D 引擎,并希望能够处理鼠标移动以进行相机移动。我希望它能够在各个方向无限跟踪。我曾尝试使用 event.client(X/Y) 来记录移动,但是当光标到达窗口或屏幕的末尾时,光标无法进一步移动,因此我无法朝那个方向看更远。有没有办法在不使用库的情况下解决这个问题?它的工作示例例如 Krunker.io,您可以在其中无限地移动十字准线。 (我觉得是用三个js做的)

1 个答案:

答案 0 :(得分:0)

我找到了 Pointer-lock API,它让我可以锁定光标并记录移动,并使用 event.movementX/Y 而不是 event.clientX/Y。这让你不会用完“屏幕空间”并且可以连续旋转。

相关问题