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时，陀螺仪会从距离物体较近的点缩放。试验以上两个量来调整起点和缩放范围陀螺仪。

scene.add(gyro);

gyro.add(camera); - 将相机连接到陀螺仪

specificObject.add(gyro); - 将陀螺仪附加到我们想要保持在前面的物体上

gyro.remove(camera)- 当您完成使相机跟随该对象时