three.js如何给模型加辅助坐标

three.js如何给模型加辅助坐标

解决方法

使用three.js自带的函数 THREE.AxesHelper(轴的长度);

//创建辅助坐标对象
const axesHelper = new THREE.AxesHelper(500);//500为x、y、z各个轴的长度
//将辅助坐标添加至场景中
scene.add(axesHelper);

THREE.AxesHelper(); 是 three.js 库中的一个构造函数调用，用于在3D场景中创建一个坐标轴辅助对象。

这个对象通常由三条分别代表X、Y、Z轴的线段组成，每条线段的颜色分别为红色（X轴）、绿色（Y轴）和蓝色（Z轴）。

实现效果

黑色是我自己加入的圆柱体模型。红蓝绿就是辅助坐标。

希望我的方法可以为大家解决问题。有问题可以评论区提问