three.js - 球体オブジェクトの onmousemove イベントで新しいカメラ位置を取得し、それを 2D マップの位置に変換します

Question

camera.position(0,0,1) と軌道コントロール (camera) を使用して球体オブジェクトを作成しました。球体のいずれかでマウスをドラッグすると、新しいカメラ位置を取得して 2-D マップに変換するにはどうすればよいですか? 私は検索しましたが、誰かが助けてくれれば関連する情報源を見つけることができませんでした。

Answer 1

カメラの位置は vector3 として camera.position に保存されます。また、controls.target で顔の向きを追加することもできます。camera.position ベクトルを使用すると、カメラの x および z 位置を使用して 2D マップ上の位置を簡単に計算できます。