レンダリングされたマウスをポインタ ロック座標と同期させようとしています。ポインター ロックはマウス カーソルを非表示にするため、個別に描画する必要があります。マウス ポインターとしてプリミティブを使用した 3D シーンがあります。ビルボードを使用してマウス カーソルを (0,0, -1) に描画したので、この 3D 空間では 2D オブジェクトのように見えます。
ここまでは順調ですね。ポインターロックベースの x 座標と y 座標を計算するには、これを使用します。
var movementX = e.movementX || e.mozMovementX || e.webkitMovementX || 0;
var movementY = e.movementY || e.mozMovementY || e.webkitMovementY || 0;
x += movementX;
y += movementY;
最初の問題は、最初に x 座標と y 座標を設定する方法がわからないことです。VR モードに入ると、カーソルは (0,0, -1) に設定されるため、2D 空間で同期する必要があります。目が2つあるから、幅/2とか幅/4くらいかなと思ったのですが、うまくいきませんでした。さらに、マウスが速すぎるため、レンダリングには正しい加速係数が必要です。やはり幅のあるものだと思います。