javascript - 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

Pointer Lock APIは十分にサポートされていませんが、それがその方法です。