我正在放置两个屏幕截图来显示最新情况:
全屏工作正常 - 只要我点击我的画布元素并且鼠标锁定它就会冻结,直到我实际放入一些动作。
另一个屏幕截图显示了问题。当我将浏览器调整为不同的量时,它会使moveX处于非零值,它会更接近于零,窗口越小。 (如果我将它缩放到不同的地方,它不是-965,但如果我将它停靠在屏幕的一侧,它总是-965。)
第一张图片(正常工作):http://i.imgur.com/DMhwfm0.png
第二张图片(工作不正常):http://i.imgur.com/TiaNwn7.png
由于入口处的-965 movingX值,请查看我是如何转向侧面的。为什么会发生这种情况,我该如何预防呢? /无论相机在哪里,我都希望它不会进入。
答案 0 :(得分:0)
看了一下代码,我只能在Chrome中重现这个问题(在Firefox中很好,IE11不支持指针锁定)。它似乎与文档而不是画布上的事件处理程序有关,但仅作为Chrome / Webkit特定的错误。
我已经能够通过忽略大的初始值来解决这个问题:
console.log("Logging (movementX, movementY): (", movementX, ", ", movementY, ")");
if ( movementX < -10 || movementY < -10 ) {
return;
}
您可能需要调整数字,这只是一个快速测试。