three+js+显示坐标轴数字

要在Three.js中显示坐标轴数字，可以使用THREE.TextSprite库。首先，你需要在HTML中引入这个库：

<script src="https://unpkg.com/three.textsprite@3.0.0/build/three.textsprite.min.js"></script>

然后在你的JavaScript代码中，你可以创建一个THREE.TextSprite对象，并将其添加到场景中。以下是一个简单的示例：

// 创建TextSprite对象
const textSprite = new THREE.TextSprite({
  textSize: 0.5,
  redrawInterval: 250,
  texture: {
    text: "0",
    fontFamily: "Arial, Helvetica, sans-serif",
  },
});

// 设置TextSprite的位置和旋转
textSprite.position.set(0, 2, 0);
textSprite.material.rotation = Math.PI;

// 将TextSprite添加到场景中
scene.add(textSprite);

这个示例创建了一个大小为0.5的TextSprite对象，并将其放置在场景的y轴上方。它还使用纹理中的文本“0”并将其旋转了180度以使其面向场景。你可以根据需要调整这些值来适应你的场景。

你可以在每个坐标轴上创建一个TextSprite对象，以显示其当前值。你可以通过监听场景的变换来更新这些值，并在每次更新时更新TextSprite对象的纹理。