用于three.js控件的Javascript

Question

我正在尝试用three.js制作一个小游戏。控制javascript代码如下：

window.onmouseover = function (ev) {
    down = true;
    sx = ev.clientX;
    sy = ev.clientY;
};
window.onmouseout = function () {
    down = false;
};
window.onmousemove = function (ev) {
    if (down) {
        var dx = ev.clientX - sx;
        var dy = ev.clientY - sy;
        camera.rotation.y += -dx / 100;
        //camera.rotation.x += -dy/100;
        sx += dx;
        sy += dy;
    }
}

我的问题是：如何防止鼠标离开窗口并继续移动？

我有一个想法，在每一次勾选中都把它重新定位在中心，这样它就不会移动那么远，但我也不知道该怎么做。

Answer 1

指针锁API没有得到很好的支持，但这就是你的做法。