問題タブ [pointerlock]

ポインターロックを使用して3つのjsでカメラに一人称コントロールを追加しました。作成したFPControls.jsファイルにあるコードは次のとおりです

これは、init関数のメインファイルのコードです

カメラの回転が私の実際の位置の中心に見えず、正しく見えないという事実を除いて、すべて正常に機能します

私は webGL で遊んでいて、非常に哀れなグラフィックスで小さな 3 次元ゲームを作成できるようになりました (現時点では、概念/機能の証明にすぎません)。3 次元体験では、マウスを任意の方向に無限かつシームレスに動かして、一人称カメラを回転させると便利です。Pointerlock を使用すると、カーソル位置をロックして非表示にすることができます。これは非常に便利ですが、マウスの動きを追跡する別の方法を見つける必要があります。私の研究では、 が標準のようevent.movementXにevent.movementY見えましたが、マウスの動きと反対方向に大きなブリップ (通常は 500 から 583 の間) が頻繁に発生します。これを多数のマウスとトラックパッドでテストしたところ、同じ現象が発生しました。

これが私の関連するイベントリスナーです：

関連するレンダリング ループ コード:

しかし、私のコンソールには次のような出来事があります：

カメラアングルが大きく回転しないように変更に条件をつけましxMovementたが、やはり動きがイマイチです。よりシームレスなインターフェイスの動きにパッチを当てるか、置き換えるアイデアはありますか?