babylonjs创建坐标轴

babylonjs创建xyz坐标轴

效果图（rgb = xyz）：

WorldAxis.ts

import { Mesh, Scene, Color4, MeshBuilder, Vector3 } from 'babylonjs'

class WorldAxis {
    private axisX: Mesh;
    private axisY: Mesh;
    private axisZ: Mesh;

    constructor(scene: Scene) {
        this.axisX = MeshBuilder.CreateLines("axisX", {
            colors: [new Color4(1, 1, 1, 1), new Color4(1, 0, 0, 1)],
            points: [new Vector3(0, 0, 0), new Vector3(80, 0, 0)],
        }, scene);

        this.axisY = MeshBuilder.CreateLines("axisY", {
            colors: [new Color4(1, 1, 1, 1), new Color4(0, 1, 0, 1)],
            points: [new Vector3(0, 0, 0), new Vector3(0, 80, 0)]
        }, scene);
        
        this.axisZ = MeshBuilder.CreateLines("axisZ", {
            colors: [new Color4(1, 1, 1, 1), new Color4(0, 0, 1, 1)],
            points: [new Vector3(0, 0, 0), new Vector3(0, 0, 80)]
        }, scene);
    }
}

const worldAxis = new WorldAxis(scene); // scene即场景