threejs 显示当前坐标

Three.js是一个基于WebGL的JavaScript库，用于创建逼真的3D图形。如果你想在Three.js中显示物体的当前坐标，通常会通过计算每个几何体的位置并在控制面板上实时更新信息。你可以按照以下步骤操作：

1. **设置场景和相机**：首先，创建一个`Scene`, `PerspectiveCamera`以及一个`Renderer`。

2. **添加几何体**：如`SphereGeometry`、`BoxGeometry`等，并将它们转换到三维空间中。

3. **给几何体添加位置**：比如使用`position.set(x, y, z)`设置对象的位置。

4. **获取位置并更新显示**：可以创建一个`Object3D`的事件监听器，比如`addEventListener('positionChange', function() { ... })`，每当对象的位置改变时，回调函数会被触发，在这里处理更新显示的操作。

5. **显示坐标**：可以在回调函数中获取对象的位置属性（如`position.x`, `position.y`, `position.z`），然后将其显示在DOM元素或控制台中。

let object = new THREE.Object3D();
object.position.set(0, 0, 0); // 初始化位置

// 创建一个事件监听器
object.addEventListener('positionChange', function(event) {
  let position = event.target.position;
  console.log(`当前位置: X=${position.x}, Y=${position.y}, Z=${position.z}`);
});