three项目在开发中，为了方便查看物体在空间中的位置，我们需要使用一个坐标辅助器
THREE.AxesHelper是Three.js中一个非常有用的工具，它用于在场景中绘制x、y和z轴，帮助开发者确定3D空间中的方向。特别是在开发过程中，当你正在设置摄像机、灯光或放置对象时，这个辅助工具会非常有用。
three版本
"three": "^0.154.0",
效果截图
演示地址
使用
要在场景中添加AxesHelper，只需创建一个新的AxesHelper实例，并将其添加到场景中：
var axesHelper = new THREE.AxesHelper(200);
scene.add(axesHelper);
参数介绍
THREE.AxesHelper构造函数接受一个可选参数：size。
size：轴的大小（默认为1）。这将确定x、y和z轴的长度。
在上面的代码示例中，AxesHelper的大小被设置为200，这意味着每个轴的长度都是200个单位。
关于轴的颜色
- X轴（红色）
- Y轴（绿色）
- Z轴（蓝色）
这些颜色帮助你在场景中快速识别每个轴的方向。
总之，使用AxesHelper是一个很好的方式，特别是在开发阶段，它能帮助我们更好地理解和定位Three.js场景中的对象。
学习笔记
当前内容为 threejs视频教程 Three.js可视化企业实战WEBGL课 -Three.js开发入门与调试设置-坐标辅助器-学习笔记
