three.js - THREE.Gyroscope を使用してオブジェクトをカメラに向けたままにする

Question

Chrome 100,000 Stars の実験でTHREE.Gyroscopeを使用して、オブジェクトをカメラに向けたままにする方法を理解しようとしています (ここで説明したように)。

THREE.Gyroscope の簡単な例やドキュメントが見つかりません。

実装は簡単だと思いますが、ジャイロを作成して、指定されたオブジェクトをカメラに向けたままにする方法がわかりません。

何か案は？

Answer 1

var gyro = new THREE.Gyroscope();- ジャイロスコープを宣言する

gyro.position.set(x,y,z);- ジャイロスコープの初期位置を設定

gyro.scale.set(x,y,z);- スケール。ジャイロスコープのサイズを変更します。つまり、オブジェクトを追跡するためにジャイロスコープを使用する場合、スケールを 1 未満に設定すると、ジャイロスコープはオブジェクトに近いポイントからズームします。開始点とズーム範囲を調整するには、上記の 2 つの量を試してください。ジャイロスコープの。

scene.add(gyro);

gyro.add(camera); - カメラをジャイロスコープに取り付けます

specificObject.add(gyro); - ジャイロスコープを前に置きたいオブジェクトに取り付けます

gyro.remove(camera)- カメラをそのオブジェクトに追従させたら