@galacean/effects-plugin-editor-gizmo 0.0.1-alpha.0

package/dist/index.mjs

@@ -0,0 +1,3340 @@
+/*!
+ * Name: @galacean/effects-plugin-editor-gizmo
+ * Description: Galacean Effects player editor gizmo plugin
+ * Author: Ant Group CO., Ltd.
+ * Contributors: 茂安,旻诺
+ * Version: v0.0.1-alpha.0
+ */
+
+import { GLGeometry, DestroyOptions, glContext, ShaderType, GLSLVersion, Material, Mesh, createShaderWithMarcos, Geometry, Transform, Texture, noop, assertExist, spec, HitTestType, intersectRayTriangle, intersectRaySphere, intersectRayBox, VFXItem, RenderPass, RenderPassPriorityPostprocess, TextureLoadAction, RenderPassPriorityPrepare, AbstractPlugin, registerPlugin } from '@galacean/effects';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+var extendStatics = function(d, b) {
+    extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+    return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+    if (typeof b !== "function" && b !== null)
+        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    extendStatics(d, b);
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
+function __values(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+}
+
+function __spreadArray(to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var GizmoVFXItemType = 'gizmo';
+/**
+ * Gizmo 类型
+ */
+var GizmoSubType;
+(function (GizmoSubType) {
+    GizmoSubType[GizmoSubType["particleEmitter"] = 1] = "particleEmitter";
+    GizmoSubType[GizmoSubType["modelWireframe"] = 2] = "modelWireframe";
+    GizmoSubType[GizmoSubType["box"] = 3] = "box";
+    GizmoSubType[GizmoSubType["sphere"] = 4] = "sphere";
+    GizmoSubType[GizmoSubType["cylinder"] = 5] = "cylinder";
+    GizmoSubType[GizmoSubType["cone"] = 6] = "cone";
+    GizmoSubType[GizmoSubType["torus"] = 7] = "torus";
+    GizmoSubType[GizmoSubType["sprite"] = 8] = "sprite";
+    GizmoSubType[GizmoSubType["plane"] = 9] = "plane";
+    GizmoSubType[GizmoSubType["rotation"] = 10] = "rotation";
+    GizmoSubType[GizmoSubType["translation"] = 11] = "translation";
+    GizmoSubType[GizmoSubType["scale"] = 12] = "scale";
+    GizmoSubType[GizmoSubType["viewHelper"] = 13] = "viewHelper";
+    GizmoSubType[GizmoSubType["camera"] = 14] = "camera";
+    GizmoSubType[GizmoSubType["frustum"] = 15] = "frustum";
+    GizmoSubType[GizmoSubType["light"] = 16] = "light";
+    GizmoSubType[GizmoSubType["directionLight"] = 17] = "directionLight";
+    GizmoSubType[GizmoSubType["pointLight"] = 18] = "pointLight";
+    GizmoSubType[GizmoSubType["spotLight"] = 19] = "spotLight";
+    GizmoSubType[GizmoSubType["boundingBox"] = 20] = "boundingBox";
+    GizmoSubType[GizmoSubType["floorGrid"] = 21] = "floorGrid";
+})(GizmoSubType || (GizmoSubType = {}));
+
+var WireframeGeometryType;
+(function (WireframeGeometryType) {
+    WireframeGeometryType[WireframeGeometryType["triangle"] = 0] = "triangle";
+    WireframeGeometryType[WireframeGeometryType["quad"] = 1] = "quad";
+})(WireframeGeometryType || (WireframeGeometryType = {}));
+function destroyWireframeMesh(mesh) {
+    //mesh.geometry?.destroy();
+    mesh.dispose({ material: { textures: DestroyOptions.keep }, geometries: DestroyOptions.keep });
+}
+function updateWireframeMesh(originMesh, wireframe, type) {
+    wireframe.material.cloneUniforms(originMesh.material);
+    var geometry = originMesh.firstGeometry();
+    var wireframeGeometry = wireframe.firstGeometry();
+    if (type === WireframeGeometryType.triangle) {
+        // 线框模式不绘制模型的时候，drawCount 为负数
+        var drawCount = Math.abs(geometry.getDrawCount());
+        if (drawCount !== 0) {
+            if (drawCount !== wireframeGeometry.getDrawCount() / 2) {
+                var indexData = geometry.getIndexData();
+                var data = indexData ? getTriangleIndexData(indexData) : getTriangleIndexDataByCount(drawCount);
+                wireframeGeometry.setIndexData(data);
+                wireframeGeometry.setDrawCount(data.length);
+            }
+        }
+    }
+    else if (type === WireframeGeometryType.quad) {
+        if (geometry.getDrawCount() / 6 !== wireframeGeometry.getDrawCount() / 8) {
+            var data = getQuadIndexData(geometry.getDrawCount() / 6, geometry.getIndexData());
+            wireframeGeometry.setIndexData(data);
+            wireframeGeometry.setDrawCount(data.length);
+        }
+    }
+    return wireframe;
+}
+function getQuadIndexData(faceCount, oid) {
+    var indexData = new Uint16Array(faceCount * 8);
+    for (var i = 0; i < faceCount; i++) {
+        var idx = i * 8;
+        var base = i * 4;
+        indexData[idx] = base;
+        indexData[idx + 1] = 1 + base;
+        indexData[idx + 2] = 1 + base;
+        indexData[idx + 3] = 3 + base;
+        indexData[idx + 4] = 3 + base;
+        indexData[idx + 5] = 2 + base;
+        indexData[idx + 6] = 2 + base;
+        indexData[idx + 7] = base;
+    }
+    return indexData;
+}
+function createModeWireframe(engine, mesh, color) {
+    var _a;
+    var level = engine.gpuCapability.level;
+    var geometry = new SharedGeometry(engine, {
+        geometry: mesh.firstGeometry(),
+        mode: glContext.LINES,
+        index: {
+            data: new Uint32Array(0),
+        },
+    });
+    var _b = mesh.material.props.shader, vertex = _b.vertex, fragment = _b.fragment, marcos = _b.marcos;
+    var materialOptions = __assign({}, mesh.material.props);
+    var newMarcos = __spreadArray(__spreadArray([], __read((marcos || [])), false), [['PREVIEW_BORDER', 1]], false);
+    materialOptions.shader = {
+        vertex: createGizmoShader(newMarcos, vertex, ShaderType.vertex, level),
+        fragment: createGizmoShader(newMarcos, fragment, ShaderType.fragment, level),
+        shared: true,
+        name: ((_a = mesh.name) !== null && _a !== void 0 ? _a : 'unamedmesh') + '_wireframe',
+        glslVersion: engine.gpuCapability.level === 2 ? GLSLVersion.GLSL3 : GLSLVersion.GLSL1,
+    };
+    var material = Material.create(engine, materialOptions);
+    material.depthTest = mesh.material.depthTest;
+    material.setVector4('uPreviewColor', [color[0], color[1], color[2], 1]);
+    return updateWireframeMesh(mesh, Mesh.create(engine, {
+        geometry: geometry,
+        material: material,
+        priority: 3000,
+        name: materialOptions.shader.name,
+    }), WireframeGeometryType.triangle);
+}
+function getTriangleIndexDataByCount(drawCount) {
+    var faceCount = drawCount / 3;
+    var indexData = new Uint32Array(faceCount * 6);
+    for (var i = 0; i < faceCount; i++) {
+        var idx = i * 6;
+        var p0 = i * 3;
+        var p1 = p0 + 1;
+        var p2 = p0 + 2;
+        indexData[idx] = p0;
+        indexData[idx + 1] = p1;
+        indexData[idx + 2] = p1;
+        indexData[idx + 3] = p2;
+        indexData[idx + 4] = p2;
+        indexData[idx + 5] = p0;
+    }
+    return indexData;
+}
+function getTriangleIndexData(oid) {
+    var faceCount = oid.length / 3;
+    var indexData = new Uint32Array(faceCount * 6);
+    for (var i = 0; i < faceCount; i++) {
+        var idx = i * 6;
+        var base = i * 3;
+        var p0 = oid[base];
+        var p1 = oid[base + 1];
+        var p2 = oid[base + 2];
+        indexData[idx] = p0;
+        indexData[idx + 1] = p1;
+        indexData[idx + 2] = p1;
+        indexData[idx + 3] = p2;
+        indexData[idx + 4] = p2;
+        indexData[idx + 5] = p0;
+    }
+    return indexData;
+}
+var SharedGeometry = /** @class */ (function (_super) {
+    __extends(SharedGeometry, _super);
+    function SharedGeometry(engine, options) {
+        var _this = _super.call(this, engine, __assign({ attributes: {} }, options)) || this;
+        var indexData = options.index ? options.index.data : options.geometry.getIndexData();
+        if (indexData) {
+            //@ts-expect-error safe to assign
+            indexData = new indexData.constructor(indexData);
+        }
+        _this.indices = indexData;
+        _this.source = options.geometry;
+        _this.drawCount = options.drawCount || 0;
+        _this.drawStart = options.drawStart || 0;
+        _this.mode = options.mode || 0;
+        for (var name_1 in _this.source.attributes) {
+            _this.attributes[name_1] = __assign({}, _this.source.attributes[name_1]);
+        }
+        return _this;
+    }
+    SharedGeometry.prototype.initialize = function () {
+        if (!this.isInitialized) {
+            var geometry = this.source;
+            geometry.initialize();
+            //this.indicesBuffer = this._source.indicesBuffer;
+            this.buffers = this.source.buffers;
+            this.bufferProps = this.source.bufferProps;
+            //this.dirtyFlags = this._source.dirtyFlags;
+            //this.vaos = this._source.vaos;
+            //创建ibo
+            if (this.indices) {
+                this.indicesBuffer = this.createIndicesBuffer(this.engine.getGLPipelineContext(), this.indices);
+            }
+            this.flush();
+            this.initialized = true;
+        }
+    };
+    SharedGeometry.prototype.getAttributeNames = function () {
+        return this.source.getAttributeNames();
+    };
+    SharedGeometry.prototype.flush = function () {
+        this.source.flush();
+        _super.prototype.flush.call(this);
+    };
+    SharedGeometry.prototype.destroy = function () {
+        _super.prototype.dispose.call(this);
+    };
+    return SharedGeometry;
+}(GLGeometry));
+function createGizmoShader(marcos, shader, shaderType, level) {
+    var versionTag = /#version\s+\b\d{3}\b\s*(es)?/;
+    var shaderMatch = shader.match(versionTag);
+    var newShader = shaderMatch ? shader.substring(shaderMatch[0].length) : shader;
+    return createShaderWithMarcos(marcos, newShader, shaderType, level);
+}
+
+var d2r = Math.PI / 180;
+var cos = Math.cos;
+var sin = Math.sin;
+function vecAdd(out, a, b) {
+    for (var i = 0, len = a.length; i < len; i++) {
+        out[i] = a[i] + b[i];
+    }
+    return out;
+}
+function vecSub(out, a, b) {
+    for (var i = 0, len = a.length; i < len; i++) {
+        out[i] = a[i] - b[i];
+    }
+    return out;
+}
+function vecSquareDistance(v0, v1) {
+    var sum = 0;
+    for (var i = 0, len = v0.length; i < len; i++) {
+        var d = v0[i] - v1[i];
+        sum += d * d;
+    }
+    return sum;
+}
+function vecNormalize(a) {
+    var sum = 0;
+    for (var i = 0, len = a.length; i < len; i++) {
+        sum += a[i] * a[i];
+    }
+    sum = Math.sqrt(sum);
+    return sum === 0 ? a.slice() : a.map(function (b) { return b / sum; });
+}
+function vecMulScalar(out, vec, a) {
+    for (var i = 0, len = vec.length; i < len; i++) {
+        out[i] = vec[i] * a;
+    }
+    return out;
+}
+function vec3MulMat4(out, vec3, mat4) {
+    var x = vec3[0], y = vec3[1], z = vec3[2];
+    var w = mat4[3] * x + mat4[7] * y + mat4[11] * z + mat4[15];
+    w = w || 1.0;
+    out[0] = (mat4[0] * x + mat4[4] * y + mat4[8] * z + mat4[12]) / w;
+    out[1] = (mat4[1] * x + mat4[5] * y + mat4[9] * z + mat4[13]) / w;
+    out[2] = (mat4[2] * x + mat4[6] * y + mat4[10] * z + mat4[14]) / w;
+    return out;
+}
+function vec4MulMat4(out, cartesian, mat4) {
+    var vX = cartesian[0];
+    var vY = cartesian[1];
+    var vZ = cartesian[2];
+    var vW = cartesian[3];
+    var x = mat4[0] * vX + mat4[4] * vY + mat4[8] * vZ + mat4[12] * vW;
+    var y = mat4[1] * vX + mat4[5] * vY + mat4[9] * vZ + mat4[13] * vW;
+    var z = mat4[2] * vX + mat4[6] * vY + mat4[10] * vZ + mat4[14] * vW;
+    var w = mat4[3] * vX + mat4[7] * vY + mat4[11] * vZ + mat4[15] * vW;
+    out[0] = x;
+    out[1] = y;
+    out[2] = z;
+    out[3] = w;
+    return out;
+}
+function vec3MulMat3(out, a, m) {
+    var x = a[0], y = a[1], z = a[2];
+    out[0] = x * m[0] + y * m[3] + z * m[6];
+    out[1] = x * m[1] + y * m[4] + z * m[7];
+    out[2] = x * m[2] + y * m[5] + z * m[8];
+    return out;
+}
+function vec3MulMat3ByPoint(out, a, m, c) {
+    a[0]; a[1]; a[2];
+    var deltaX = a[0] - c[0], deltaY = a[1] - c[1], deltaZ = a[2] - c[2];
+    var deltaOut = vec3MulMat3([], [deltaX, deltaY, deltaZ], m);
+    out[0] = deltaOut[0] + c[0];
+    out[1] = deltaOut[1] + c[1];
+    out[2] = deltaOut[2] + c[2];
+    return out;
+}
+function mat3FromRotationZYX(ret, x, y, z) {
+    var cosX = cos(x * d2r);
+    var cosY = cos(y * d2r);
+    var cosZ = cos(z * d2r);
+    var sinX = sin(x * d2r);
+    var sinY = sin(y * d2r);
+    var sinZ = sin(z * d2r);
+    ret[0] = cosY * cosZ;
+    ret[1] = cosY * sinZ;
+    ret[2] = -sinY;
+    ret[3] = -cosX * sinZ + sinX * sinY * cosZ;
+    ret[4] = cosX * cosZ + sinX * sinY * sinZ;
+    ret[5] = sinX * cosY;
+    ret[6] = sinZ * sinX + cosX * sinY * cosZ;
+    ret[7] = -sinX * cosZ + cosX * sinY * sinZ;
+    ret[8] = cosX * cosY;
+    return ret;
+}
+function mat3FromRotation(ret, rotation) {
+    return mat3FromRotationZYX(ret, -rotation[0], -rotation[1], -rotation[2]);
+}
+function mat4MulMat4(a, b) {
+    var out = [];
+    var a00 = a[0], a01 = a[1], a02 = a[2], a03 = a[3];
+    var a10 = a[4], a11 = a[5], a12 = a[6], a13 = a[7];
+    var a20 = a[8], a21 = a[9], a22 = a[10], a23 = a[11];
+    var a30 = a[12], a31 = a[13], a32 = a[14], a33 = a[15];
+    var b00 = b[0], b01 = b[1], b02 = b[2], b03 = b[3];
+    var b10 = b[4], b11 = b[5], b12 = b[6], b13 = b[7];
+    var b20 = b[8], b21 = b[9], b22 = b[10], b23 = b[11];
+    var b30 = b[12], b31 = b[13], b32 = b[14], b33 = b[15];
+    out[0] = b00 * a00 + b01 * a10 + b02 * a20 + b03 * a30;
+    out[1] = b00 * a01 + b01 * a11 + b02 * a21 + b03 * a31;
+    out[2] = b00 * a02 + b01 * a12 + b02 * a22 + b03 * a32;
+    out[3] = b00 * a03 + b01 * a13 + b02 * a23 + b03 * a33;
+    out[4] = b10 * a00 + b11 * a10 + b12 * a20 + b13 * a30;
+    out[5] = b10 * a01 + b11 * a11 + b12 * a21 + b13 * a31;
+    out[6] = b10 * a02 + b11 * a12 + b12 * a22 + b13 * a32;
+    out[7] = b10 * a03 + b11 * a13 + b12 * a23 + b13 * a33;
+    out[8] = b20 * a00 + b21 * a10 + b22 * a20 + b23 * a30;
+    out[9] = b20 * a01 + b21 * a11 + b22 * a21 + b23 * a31;
+    out[10] = b20 * a02 + b21 * a12 + b22 * a22 + b23 * a32;
+    out[11] = b20 * a03 + b21 * a13 + b22 * a23 + b23 * a33;
+    out[12] = b30 * a00 + b31 * a10 + b32 * a20 + b33 * a30;
+    out[13] = b30 * a01 + b31 * a11 + b32 * a21 + b33 * a31;
+    out[14] = b30 * a02 + b31 * a12 + b32 * a22 + b33 * a32;
+    out[15] = b30 * a03 + b31 * a13 + b32 * a23 + b33 * a33;
+    return out;
+}
+function vec3ToVec2(a) {
+    return [a[0], a[1]];
+}
+function distanceOfPointAndLine(point, line) {
+    //三角形三个边长
+    var AC = [0, 0];
+    var BC = [0, 0];
+    var AB = [0, 0];
+    vecSub(AC, point, line[0]);
+    vecSub(BC, point, line[1]);
+    vecSub(AB, line[1], line[0]);
+    var lengthAC = Math.hypot.apply(Math, __spreadArray([], __read(AC), false));
+    var lengthBC = Math.hypot.apply(Math, __spreadArray([], __read(BC), false));
+    var lengthAB = Math.hypot.apply(Math, __spreadArray([], __read(AB), false));
+    //利用海伦公式计算三角形面积
+    //周长的一半
+    var P = (lengthAC + lengthBC + lengthAB) / 2;
+    var allArea = Math.abs(Math.sqrt(P * (P - lengthAC) * (P - lengthBC) * (P - lengthAB)));
+    //普通公式计算三角形面积反推点到线的垂直距离
+    var distance = (2 * allArea) / lengthAB;
+    var l1 = Math.sqrt(Math.pow(lengthAC, 2) - Math.pow(distance, 2));
+    var l2 = Math.sqrt(Math.pow(lengthBC, 2) - Math.pow(distance, 2));
+    var isInLine = false;
+    if (l1 <= lengthAB && l2 <= lengthAB) {
+        isInLine = true;
+    }
+    return {
+        distance: distance,
+        isInLine: isInLine,
+    };
+}
+function projectionOfPointAndLine(point, line) {
+    var AC = [0, 0];
+    var BC = [0, 0];
+    var AB = [0, 0];
+    vecSub(AC, point, vec3ToVec2(line[0]));
+    vecSub(BC, point, vec3ToVec2(line[1]));
+    vecSub(AB, vec3ToVec2(line[1]), vec3ToVec2(line[0]));
+    var lengthAC = Math.hypot.apply(Math, __spreadArray([], __read(AC), false));
+    var lengthBC = Math.hypot.apply(Math, __spreadArray([], __read(BC), false));
+    var lengthAB = Math.hypot.apply(Math, __spreadArray([], __read(AB), false));
+    //利用海伦公式计算三角形面积
+    //周长的一半
+    var P = (lengthAC + lengthBC + lengthAB) / 2;
+    var allArea = Math.abs(Math.sqrt(P * (P - lengthAC) * (P - lengthBC) * (P - lengthAB)));
+    //普通公式计算三角形面积反推点到线的垂直距离
+    var distance = (2 * allArea) / lengthAB;
+    var l1 = Math.sqrt(Math.pow(lengthAC, 2) - Math.pow(distance, 2));
+    var l2 = Math.sqrt(Math.pow(lengthBC, 2) - Math.pow(distance, 2));
+    var worldAB = [0, 0, 0];
+    vecSub(worldAB, line[1], line[0]);
+    var worldAP = [0, 0, 0];
+    vecMulScalar(worldAP, worldAB, l1 / (l1 + l2));
+    var worldP = [0, 0, 0];
+    vecAdd(worldP, line[0], worldAP);
+    return worldP;
+}
+function computeOrthographicOffCenter(left, right, bottom, top, near, far) {
+    var a = 1.0 / (right - left);
+    var b = 1.0 / (top - bottom);
+    var c = 1.0 / (far - near);
+    var tx = -(right + left) * a;
+    var ty = -(top + bottom) * b;
+    var tz = -(far + near) * c;
+    a *= 2.0;
+    b *= 2.0;
+    c *= -2.0;
+    var result = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0];
+    result[0] = a;
+    result[1] = 0.0;
+    result[2] = 0.0;
+    result[3] = 0.0;
+    result[4] = 0.0;
+    result[5] = b;
+    result[6] = 0.0;
+    result[7] = 0.0;
+    result[8] = 0.0;
+    result[9] = 0.0;
+    result[10] = c;
+    result[11] = 0.0;
+    result[12] = tx;
+    result[13] = ty;
+    result[14] = tz;
+    result[15] = 1.0;
+    return result;
+}
+
+var rectSize = 0.04;
+var DEG2RAD = Math.PI / 180;
+function arcPath(radius, arc, options) {
+    if (options === void 0) { options = {}; }
+    var plane = options.plane, _a = options.translate, translate = _a === void 0 ? [0, 0, 0] : _a, _b = options.rotate, rotate = _b === void 0 ? [0, 0, 0] : _b;
+    var rotation = mat3FromRotation([], rotate);
+    var points = [];
+    var indices = [];
+    addPoint(radius, 0);
+    var i = 1;
+    for (; i <= arc; i++) {
+        var angle = i * DEG2RAD;
+        indices.push(i - 1, i);
+        addPoint(Math.cos(angle) * radius, Math.sin(angle) * radius);
+    }
+    return {
+        points: points,
+        indices: indices,
+    };
+    function addPoint(cos, sin) {
+        var point;
+        if (plane === 'xz') {
+            point = [cos, 0, sin];
+        }
+        else if (plane === 'yz') {
+            point = [0, cos, sin];
+        }
+        else {
+            point = [cos, sin, 0];
+        }
+        point = vec3MulMat3(point, point, rotation);
+        points.push(vecAdd(point, point, translate));
+    }
+}
+function line(p0, p1) {
+    return {
+        points: [p0, p1],
+        indices: [0, 1],
+    };
+}
+function box(width, height, depth, center) {
+    var w = width / 2;
+    var h = height / 2;
+    var d = depth / 2;
+    var myCenter = center !== null && center !== void 0 ? center : [0, 0, 0];
+    var points = [
+        [-w, h, -d], [-w, -h, -d], [-w, h, d], [-w, -h, d],
+        [w, h, -d], [w, -h, -d], [w, h, d], [w, -h, d],
+    ].map(function (item) {
+        return [item[0] + myCenter[0], item[1] + myCenter[1], item[2] + myCenter[2]];
+    });
+    return {
+        points: points,
+        indices: [
+            0, 1, 1, 3, 3, 2, 2, 0,
+            4, 5, 5, 7, 7, 6, 6, 4,
+            0, 4, 2, 6, 3, 7, 1, 5,
+        ],
+    };
+}
+function rect(width, height, pos) {
+    var w = width / 2;
+    var h = height / 2;
+    var points = [[-w, h, 0], [w, h, 0], [w, -h, 0], [-w, -h, 0]];
+    if (pos) {
+        points.forEach(function (vec) {
+            vec[0] += pos[0];
+            vec[1] += pos[1];
+            vec[2] += pos[2];
+        });
+    }
+    return {
+        points: points,
+        indices: [
+            0, 1, 1, 2, 2, 3, 3, 0,
+        ],
+    };
+}
+function combineGeometries(geometries) {
+    var points = [];
+    var indices = [];
+    var _loop_1 = function (i, indicesBase) {
+        var geometry = geometries[i];
+        if (geometry) {
+            geometry.points.forEach(function (point) {
+                points.push(point[0], point[1], point[2]);
+            });
+            geometry.indices.forEach(function (index) { return indices.push(index + indicesBase); });
+            indicesBase += geometry.points.length;
+        }
+        out_indicesBase_1 = indicesBase;
+    };
+    var out_indicesBase_1;
+    for (var i = 0, indicesBase = 0; i < geometries.length; i++) {
+        _loop_1(i, indicesBase);
+        indicesBase = out_indicesBase_1;
+    }
+    return {
+        points: new Float32Array(points),
+        indices: new Uint16Array(indices),
+    };
+}
+var Shapes = {
+    Texture: function (arg) {
+        var ret = [];
+        if (arg.detail) {
+            var anchors = arg.detail.anchors;
+            var block = arg.detail.block;
+            var width = arg.width;
+            var height = arg.height;
+            for (var i = 0; i < anchors.length; i += 2) {
+                ret.push(rect(block[0] * width, block[1] * height, [
+                    width * (anchors[i] - 0.5),
+                    height * (anchors[i + 1] - 0.5),
+                    0,
+                ]));
+            }
+        }
+        else {
+            ret.unshift(Shapes.Rectangle(arg)[0]);
+        }
+        return ret;
+    },
+    Circle: function (arg) {
+        var radius = arg.radius, arc = arg.arc;
+        return [
+            arcPath(radius, arc),
+            arc !== 360 && line([0, 0, 0], [radius, 0, 0]),
+            arc !== 360 && line([0, 0, 0], [Math.cos(arc * DEG2RAD) * radius, Math.sin(arc * DEG2RAD) * radius, 0]),
+        ];
+    },
+    Box: function (arg) {
+        var width = arg.width, height = arg.height, depth = arg.depth, center = arg.center;
+        var data = box(width, height, depth, center);
+        return [data];
+    },
+    Sphere: function (arg) {
+        var radius = arg.radius, arc = arg.arc;
+        var ret = [
+            line([0, 0, -radius], [0, 0, radius]),
+            arcPath(radius, arc > 180 ? 360 : 180, { plane: 'xz', rotate: [0, 90, 0] }),
+            arcPath(radius, arc, { plane: 'xy' }),
+            arcPath(radius, 180, { plane: 'xz', rotate: [0, 90, arc] }),
+        ];
+        if (arc > 90) {
+            ret.push(arcPath(radius, arc > 270 ? 360 : 180, { plane: 'yz', rotate: [-90, 0, 0] }));
+        }
+        return ret;
+    },
+    Hemisphere: function (arg) {
+        var radius = arg.radius, arc = arg.arc;
+        var ret = [
+            line([0, 0, radius], [0, 0, 0]),
+            line([arc > 180 ? -radius : 0, 0, 0], [radius, 0, 0]),
+            arg > 90 && line([0, arc > 270 ? -radius : 0, 0], [0, radius, 0]),
+            arcPath(radius, (arc > 180 ? 360 : 180) / 2, { plane: 'xz' }),
+            arcPath(radius, arc, { plane: 'xy' }),
+            arcPath(radius, 90, { plane: 'xz', rotate: [0, 0, arc] }),
+            line([0, 0, 0], [Math.cos(arc * DEG2RAD) * radius, Math.sin(arc * DEG2RAD) * radius, 0]),
+        ];
+        if (arc > 90) {
+            ret.push(arcPath(radius, arc > 270 ? 180 : 90, { plane: 'yz' }));
+        }
+        return ret;
+    },
+    Cone: function (arg) {
+        var radius = arg.radius, arc = arg.arc;
+        var outerRadius = radius * Math.tan(arg.angle * DEG2RAD) + radius;
+        return [
+            arcPath(outerRadius, arc, { translate: [0, 0, radius] }),
+            line([radius, 0, 0], [outerRadius, 0, radius]),
+            arc > 90 && line([0, radius, 0], [0, outerRadius, radius]),
+            arc > 180 && line([-radius, 0, 0], [-outerRadius, 0, radius]),
+            arc > 270 && line([0, -radius, 0], [0, -outerRadius, radius]),
+            line([Math.cos(arc * DEG2RAD) * radius, Math.sin(arc * DEG2RAD) * radius, 0], [Math.cos(arc * DEG2RAD) * outerRadius, Math.sin(arc * DEG2RAD) * outerRadius, radius]),
+        ].concat(Shapes.Circle(arg));
+    },
+    Edge: function (arg) {
+        var hw = arg.width / 2;
+        return [
+            line([-hw, 0, 0], [hw, 0, 0]),
+        ];
+    },
+    Rectangle: function (arg) {
+        return [
+            rect(arg.width, arg.height),
+        ];
+    },
+    RectangleEdge: function (arg) {
+        return [
+            rect(arg.width, arg.height),
+        ];
+    },
+    Donut: function (arg) {
+        var arc = arg.arc, radius = arg.radius, donutRadius = arg.donutRadius;
+        return [
+            arcPath(donutRadius, 360, { translate: [radius, 0, 0], rotate: [90, 0, 0] }),
+            arcPath(radius - donutRadius, arc),
+            arcPath(radius + donutRadius, arc),
+            arcPath(radius, arc, { translate: [0, 0, donutRadius] }),
+            arcPath(radius, arc, { translate: [0, 0, -donutRadius] }),
+            arc % 360 === 0 ? arcPath(donutRadius, 360, {
+                translate: [-radius, 0, 0],
+                rotate: [90, 0, 0],
+            }) : arcPath(donutRadius, 360, {
+                translate: [Math.cos(arc * DEG2RAD) * radius, Math.sin(arc * DEG2RAD) * radius, 0],
+                rotate: [90, 0, arc],
+            }),
+        ];
+    },
+    path: function (arg) {
+        var positions = arg.keys;
+        var ret = [];
+        for (var i = 0; i < positions.length - 1; i++) {
+            ret.push(rect(rectSize, rectSize, positions[i]));
+            ret.push(line(positions[i], positions[i + 1]));
+        }
+        ret.push(rect(rectSize, rectSize, positions[positions.length - 1]));
+        return ret;
+    },
+};
+Shapes['0'] = Shapes.None;
+Shapes['1'] = Shapes.Sphere;
+Shapes['2'] = Shapes.Cone;
+Shapes['3'] = Shapes.Hemisphere;
+Shapes['4'] = Shapes.Circle;
+Shapes['5'] = Shapes.Donut;
+Shapes['6'] = Shapes.Rectangle;
+Shapes['7'] = Shapes.RectangleEdge;
+Shapes['8'] = Shapes.Edge;
+Shapes['9'] = Shapes.Texture;
+function createMeshFromShape(engine, args, options) {
+    var ret = Shapes[args.type || args.shape](args);
+    var geo = combineGeometries(ret);
+    return createMesh(engine, geo.points, geo.indices, options.color || [1, 0, 0], options.depthTest, args.shape);
+}
+function createMesh(engine, points, indices, color, depthTest, name) {
+    if (depthTest === void 0) { depthTest = false; }
+    var material = Material.create(engine, {
+        uniformValues: {
+            u_color: new Float32Array(color),
+            u_model: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
+        },
+        uniformSemantics: {
+            u_vp: 'VIEWPROJECTION',
+            u_et: 'EDITOR_TRANSFORM',
+        },
+        shader: {
+            shared: true,
+            fragment: "\n    precision mediump float;\n\n    uniform vec3 u_color;\n\n    void main(){\n      gl_FragColor = vec4(u_color,1.0);\n    }",
+            vertex: "precision highp float;\n\n    attribute vec3 a_Position;\n\n    uniform mat4 u_model;\n    uniform mat4 effects_MatrixVP;\n    uniform vec4 uEditorTransform;\n    void main(){\n      gl_Position = effects_MatrixVP * u_model * vec4(a_Position,1.0);\n      gl_Position = vec4(gl_Position.xy * uEditorTransform.xy + uEditorTransform.zw * gl_Position.w,gl_Position.zw);\n    }",
+        },
+    });
+    material.setVector3('u_color', color);
+    material.setMatrix('u_model', [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+    material.depthTest = depthTest;
+    material.stencilTest = false;
+    material.blending = false;
+    material.depthMask = true;
+    var geometry = Geometry.create(engine, {
+        attributes: {
+            a_Position: {
+                size: 3,
+                data: points,
+            },
+        },
+        indices: {
+            data: indices,
+        },
+        mode: glContext.LINES,
+        drawCount: indices.length,
+    });
+    return Mesh.create(engine, {
+        name: name,
+        geometry: geometry,
+        material: material,
+        priority: 3000,
+    });
+}
+
+/**
+ * 基础几何数据[抽象类，不可以直接用来初始化]
+ */
+var GeometryData = /** @class */ (function () {
+    function GeometryData() {
+        this.points = [];
+        this.uvs = [];
+        this.normals = [];
+        this.indices = [];
+    }
+    /**
+     * 构件 XY 平面圆（圆心为(0, 0, z)）
+     * @param radius - 圆半径
+     * @param z - z 值
+     * @param segments - 圆精度
+     * @param thetaStart - 起始弧度
+     * @param thetaLength - 终止弧度
+     * @param startIndex - 索引起始值
+     * @param points - 点数据
+     * @param indices - 索引数据
+     */
+    GeometryData.prototype.createXYPlaneCircle = function (radius, z, segments, thetaStart, thetaLength, startIndex, points, indices) {
+        for (var i = 0; i < segments; i++) {
+            var theta = thetaStart + i * thetaLength / segments;
+            var x = radius * Math.cos(theta);
+            var y = radius * Math.sin(theta);
+            points.push(x, y, z);
+            indices.push(startIndex + i, startIndex + (i + 1) % segments);
+        }
+    };
+    /**
+     * 构件 XZ 平面圆（圆心为(0, y, 0)）
+     * @param radius - 圆半径
+     * @param y - y 值
+     * @param segments - 圆精度
+     * @param thetaStart - 起始弧度
+     * @param thetaLength - 终止弧度
+     * @param startIndex - 索引起始值
+     * @param points - 点数据
+     * @param indices - 索引数据
+     */
+    GeometryData.prototype.createXZPlaneCircle = function (radius, y, segments, thetaStart, thetaLength, startIndex, points, indices) {
+        for (var i = 0; i < segments; i++) {
+            var theta = thetaStart + i * thetaLength / segments;
+            var x = radius * Math.cos(theta);
+            var z = radius * Math.sin(theta);
+            points.push(x, y, z);
+            indices.push(startIndex + i, startIndex + (i + 1) % segments);
+        }
+    };
+    /**
+     * 构件 YZ 平面圆（圆心为(x, 0, 0)）
+     * @param radius - 圆半径
+     * @param x - x 值
+     * @param segments - 圆精度
+     * @param thetaStart - 起始弧度
+     * @param thetaLength - 终止弧度
+     * @param startIndex - 索引起始值
+     * @param points - 点数据
+     * @param indices - 索引数据
+     */
+    GeometryData.prototype.createYZPlaneCircle = function (radius, x, segments, thetaStart, thetaLength, startIndex, points, indices) {
+        for (var i = 0; i < segments; i++) {
+            var theta = thetaStart + i * thetaLength / segments;
+            var z = radius * Math.cos(theta);
+            var y = radius * Math.sin(theta);
+            points.push(x, y, z);
+            indices.push(startIndex + i, startIndex + (i + 1) % segments);
+        }
+    };
+    return GeometryData;
+}());
+
+/**
+ *
+ */
+var SphereGeometryData = /** @class */ (function (_super) {
+    __extends(SphereGeometryData, _super);
+    /**
+     *
+     * @param radius
+     * @param widthSegments
+     * @param heightSegments
+     * @param phiStart
+     * @param phiLength
+     * @param thetaStart
+     * @param thetaLength
+     */
+    function SphereGeometryData(radius, widthSegments, heightSegments, phiStart, phiLength, thetaStart, thetaLength) {
+        var _a;
+        if (radius === void 0) { radius = 1; }
+        if (widthSegments === void 0) { widthSegments = 8; }
+        if (heightSegments === void 0) { heightSegments = 6; }
+        if (phiStart === void 0) { phiStart = 0; }
+        if (phiLength === void 0) { phiLength = Math.PI * 2; }
+        if (thetaStart === void 0) { thetaStart = 0; }
+        if (thetaLength === void 0) { thetaLength = Math.PI; }
+        var _this = _super.call(this) || this;
+        // 限制至少需要分为六块以保持形状
+        widthSegments = Math.max(3, Math.floor(widthSegments));
+        heightSegments = Math.max(2, Math.floor(heightSegments));
+        var thetaEnd = Math.min(thetaStart + thetaLength, Math.PI);
+        var grid = [];
+        var index = 0;
+        for (var iy = 0; iy <= heightSegments; iy++) {
+            var verticesRow = [];
+            var v = iy / heightSegments;
+            var uOffset = 0;
+            if (iy == 0 && thetaStart == 0) {
+                uOffset = 0.5 / widthSegments;
+            }
+            else if (iy == heightSegments && thetaEnd == Math.PI) {
+                uOffset = -0.5 / widthSegments;
+            }
+            for (var ix = 0; ix <= widthSegments; ix++) {
+                var u = ix / widthSegments;
+                // point
+                var x = -radius * Math.cos(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength);
+                var y = radius * Math.cos(thetaStart + v * thetaLength);
+                var z = radius * Math.sin(phiStart + u * phiLength) * Math.sin(thetaStart + v * thetaLength);
+                _this.points.push(x, y, z);
+                // normal
+                var normal = vecNormalize([x, y, z]);
+                (_a = _this.normals).push.apply(_a, __spreadArray([], __read(normal), false));
+                // uv
+                _this.uvs.push(u + uOffset, 1 - v);
+                verticesRow.push(index++);
+            }
+            grid.push(verticesRow);
+        }
+        // indices
+        for (var iy = 0; iy < heightSegments; iy++) {
+            for (var ix = 0; ix < widthSegments; ix++) {
+                var a = grid[iy][ix + 1];
+                var b = grid[iy][ix];
+                var c = grid[iy + 1][ix];
+                var d = grid[iy + 1][ix + 1];
+                if (iy !== 0 || thetaStart > 0) {
+                    _this.indices.push(a, b, d);
+                }
+                if (iy !== heightSegments - 1 || thetaEnd < Math.PI) {
+                    _this.indices.push(b, c, d);
+                }
+            }
+        }
+        return _this;
+    }
+    return SphereGeometryData;
+}(GeometryData));
+
+// 面造型未单独抽离, 整个包围盒只接受一个材质
+var BoxGeometryData = /** @class */ (function (_super) {
+    __extends(BoxGeometryData, _super);
+    /**
+     *
+     * @param width
+     * @param height
+     * @param depth
+     */
+    function BoxGeometryData(width, height, depth) {
+        if (width === void 0) { width = 1; }
+        if (height === void 0) { height = 1; }
+        if (depth === void 0) { depth = 1; }
+        var _this = _super.call(this) || this;
+        var numberOfVertices = 0;
+        buildPlane(2, 1, 0, -1, -1, depth, height, width, _this.points, _this.uvs, _this.normals, _this.indices); // px
+        buildPlane(2, 1, 0, 1, -1, depth, height, -width, _this.points, _this.uvs, _this.normals, _this.indices); // nx
+        buildPlane(0, 2, 1, 1, 1, width, depth, height, _this.points, _this.uvs, _this.normals, _this.indices); // py
+        buildPlane(0, 2, 1, 1, -1, width, depth, -height, _this.points, _this.uvs, _this.normals, _this.indices); // ny
+        buildPlane(0, 1, 2, 1, -1, width, height, depth, _this.points, _this.uvs, _this.normals, _this.indices); // pz
+        buildPlane(0, 1, 2, -1, -1, width, height, -depth, _this.points, _this.uvs, _this.normals, _this.indices); // nz
+        function buildPlane(u, v, w, uDir, vDir, width, height, depth, points, uvs, normals, indices) {
+            var widthHalf = width / 2;
+            var heightHalf = height / 2;
+            var depthHalf = depth / 2;
+            var point = [0, 0, 0];
+            var vertexCounter = 0;
+            for (var iy = 0; iy < 2; iy++) {
+                var y = iy * height - heightHalf;
+                for (var ix = 0; ix < 2; ix++) {
+                    var x = ix * width - widthHalf;
+                    point[u] = x * uDir;
+                    point[v] = y * vDir;
+                    point[w] = depthHalf;
+                    points.push.apply(points, __spreadArray([], __read(point), false));
+                    point[u] = 0;
+                    point[v] = 0;
+                    point[w] = depth > 0 ? 1 : -1;
+                    normals.push.apply(normals, __spreadArray([], __read(point), false));
+                    uvs.push(ix);
+                    uvs.push(1 - iy);
+                    vertexCounter += 1;
+                }
+            }
+            for (var iy = 0; iy < 1; iy++) {
+                for (var ix = 0; ix < 1; ix++) {
+                    var a = numberOfVertices + ix + 2 * iy;
+                    var b = numberOfVertices + ix + 2 * (iy + 1);
+                    var c = numberOfVertices + (ix + 1) + 2 * (iy + 1);
+                    var d = numberOfVertices + (ix + 1) + 2 * iy;
+                    indices.push(a, b, d);
+                    indices.push(b, c, d);
+                }
+            }
+            numberOfVertices += vertexCounter;
+        }
+        return _this;
+    }
+    return BoxGeometryData;
+}(GeometryData));
+
+/**
+ *
+ */
+var CylinderGeometryData = /** @class */ (function (_super) {
+    __extends(CylinderGeometryData, _super);
+    /**
+     *
+     * @param radiusTop
+     * @param radiusBottom
+     * @param height
+     * @param radialSegments
+     * @param heightSegments
+     * @param openEnded
+     * @param thetaStart
+     * @param thetaLength
+     */
+    function CylinderGeometryData(radiusTop, radiusBottom, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) {
+        if (radiusTop === void 0) { radiusTop = 1; }
+        if (radiusBottom === void 0) { radiusBottom = 1; }
+        if (height === void 0) { height = 1; }
+        if (radialSegments === void 0) { radialSegments = 8; }
+        if (heightSegments === void 0) { heightSegments = 1; }
+        if (openEnded === void 0) { openEnded = false; }
+        if (thetaStart === void 0) { thetaStart = 0; }
+        if (thetaLength === void 0) { thetaLength = Math.PI * 2; }
+        var _this = _super.call(this) || this;
+        radialSegments = Math.floor(radialSegments);
+        heightSegments = Math.floor(heightSegments);
+        var index = 0;
+        var indexArray = [];
+        var halfHeight = height / 2;
+        generateTorso(_this.points, _this.uvs, _this.normals, _this.indices);
+        if (openEnded === false) {
+            if (radiusTop > 0) {
+                generateCap(true, _this.points, _this.uvs, _this.normals, _this.indices);
+            }
+            if (radiusBottom > 0) {
+                generateCap(false, _this.points, _this.uvs, _this.normals, _this.indices);
+            }
+        }
+        function generateTorso(points, uvs, normals, indices) {
+            // this will be used to calculate the normal
+            var slope = (radiusBottom - radiusTop) / height;
+            for (var y = 0; y <= heightSegments; y++) {
+                var indexRow = [];
+                var v = y / heightSegments;
+                var radius = v * (radiusBottom - radiusTop) + radiusTop;
+                for (var x = 0; x <= radialSegments; x++) {
+                    var u = x / radialSegments;
+                    var theta = u * thetaLength + thetaStart;
+                    var sinTheta = Math.sin(theta);
+                    var cosTheta = Math.cos(theta);
+                    var px = radius * sinTheta;
+                    var py = -v * height + halfHeight;
+                    var pz = radius * cosTheta;
+                    points.push(px, py, pz);
+                    var normal = vecNormalize([sinTheta, slope, cosTheta]);
+                    normals.push.apply(normals, __spreadArray([], __read(normal), false));
+                    uvs.push(u, 1 - v);
+                    indexRow.push(index++);
+                }
+                indexArray.push(indexRow);
+            }
+            for (var x = 0; x < radialSegments; x++) {
+                for (var y = 0; y < heightSegments; y++) {
+                    var a = indexArray[y][x];
+                    var b = indexArray[y + 1][x];
+                    var c = indexArray[y + 1][x + 1];
+                    var d = indexArray[y][x + 1];
+                    indices.push(a, b, d);
+                    indices.push(b, c, d);
+                }
+            }
+        }
+        function generateCap(top, points, uvs, normals, indices) {
+            var centerIndexStart = index;
+            var radius = (top === true) ? radiusTop : radiusBottom;
+            var sign = (top === true) ? 1 : -1;
+            for (var x = 1; x <= radialSegments; x++) {
+                points.push(0, halfHeight * sign, 0);
+                normals.push(0, sign, 0);
+                uvs.push(0.5, 0.5);
+                index++;
+            }
+            var centerIndexEnd = index;
+            for (var x = 0; x <= radialSegments; x++) {
+                var u = x / radialSegments;
+                var theta = u * thetaLength + thetaStart;
+                var cosTheta = Math.cos(theta);
+                var sinTheta = Math.sin(theta);
+                var px = radius * sinTheta;
+                var py = halfHeight * sign;
+                var pz = radius * cosTheta;
+                points.push(px, py, pz);
+                normals.push(0, sign, 0);
+                var uvU = (cosTheta * 0.5) + 0.5;
+                var uvV = (sinTheta * 0.5 * sign) + 0.5;
+                uvs.push(uvU, uvV);
+                index++;
+            }
+            for (var x = 0; x < radialSegments; x++) {
+                var c = centerIndexStart + x;
+                var i = centerIndexEnd + x;
+                if (top === true) {
+                    indices.push(i, i + 1, c);
+                }
+                else {
+                    indices.push(i + 1, i, c);
+                }
+            }
+        }
+        return _this;
+    }
+    return CylinderGeometryData;
+}(GeometryData));
+
+/**
+ *
+ */
+var ConeGeometryData = /** @class */ (function (_super) {
+    __extends(ConeGeometryData, _super);
+    /**
+     *
+     * @param radius
+     * @param height
+     * @param radialSegments
+     * @param heightSegments
+     * @param openEnded
+     * @param thetaStart
+     * @param thetaLength
+     */
+    function ConeGeometryData(radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) {
+        if (radius === void 0) { radius = 1; }
+        if (height === void 0) { height = 1; }
+        if (radialSegments === void 0) { radialSegments = 8; }
+        if (heightSegments === void 0) { heightSegments = 1; }
+        if (openEnded === void 0) { openEnded = false; }
+        if (thetaStart === void 0) { thetaStart = 0; }
+        if (thetaLength === void 0) { thetaLength = Math.PI * 2; }
+        return _super.call(this, 0, radius, height, radialSegments, heightSegments, openEnded, thetaStart, thetaLength) || this;
+    }
+    return ConeGeometryData;
+}(CylinderGeometryData));
+
+/**
+ *
+ */
+var TorusGeometryData = /** @class */ (function (_super) {
+    __extends(TorusGeometryData, _super);
+    /**
+     *
+     * @param radius
+     * @param tube
+     * @param radialSegments
+     * @param tubularSegments
+     * @param arc
+     */
+    function TorusGeometryData(radius, tube, radialSegments, tubularSegments, arc) {
+        var _a;
+        if (radius === void 0) { radius = 1; }
+        if (tube === void 0) { tube = 0.4; }
+        if (radialSegments === void 0) { radialSegments = 64; }
+        if (tubularSegments === void 0) { tubularSegments = 64; }
+        if (arc === void 0) { arc = Math.PI * 2; }
+        var _this = _super.call(this) || this;
+        radialSegments = Math.floor(radialSegments);
+        tubularSegments = Math.floor(tubularSegments);
+        for (var j = 0; j <= radialSegments; j++) {
+            for (var i = 0; i <= tubularSegments; i++) {
+                var u = i / tubularSegments * arc;
+                var v = j / radialSegments * Math.PI * 2;
+                var px = (radius + tube * Math.cos(v)) * Math.cos(u);
+                var py = (radius + tube * Math.cos(v)) * Math.sin(u);
+                var pz = tube * Math.sin(v);
+                _this.points.push(px, py, pz);
+                var cx = radius * Math.cos(u);
+                var cy = radius * Math.sin(u);
+                var normal = vecNormalize(vecSub([], [px, py, pz], [cx, cy, 0]));
+                (_a = _this.normals).push.apply(_a, __spreadArray([], __read(normal), false));
+                _this.uvs.push(i / tubularSegments);
+                _this.uvs.push(j / radialSegments);
+            }
+        }
+        for (var j = 1; j <= radialSegments; j++) {
+            for (var i = 1; i <= tubularSegments; i++) {
+                var a = (tubularSegments + 1) * j + i - 1;
+                var b = (tubularSegments + 1) * (j - 1) + i - 1;
+                var c = (tubularSegments + 1) * (j - 1) + i;
+                var d = (tubularSegments + 1) * j + i;
+                _this.indices.push(a, b, d);
+                _this.indices.push(b, c, d);
+            }
+        }
+        return _this;
+    }
+    return TorusGeometryData;
+}(GeometryData));
+
+/**
+ *
+ */
+var PlaneGeometryData = /** @class */ (function (_super) {
+    __extends(PlaneGeometryData, _super);
+    /**
+     *
+     * @param width
+     * @param height
+     * @param widthSegments
+     * @param heightSegments
+     */
+    function PlaneGeometryData(width, height, widthSegments, heightSegments) {
+        if (width === void 0) { width = 1; }
+        if (height === void 0) { height = 1; }
+        if (widthSegments === void 0) { widthSegments = 1; }
+        if (heightSegments === void 0) { heightSegments = 1; }
+        var _this = _super.call(this) || this;
+        var widthHalf = width / 2;
+        var heightHalf = height / 2;
+        var gridX = Math.floor(widthSegments);
+        var gridY = Math.floor(heightSegments);
+        var gridX1 = gridX + 1;
+        var gridY1 = gridY + 1;
+        var segmentWidth = width / gridX;
+        var segmentHeight = height / gridY;
+        for (var iy = 0; iy < gridY1; iy++) {
+            var y = iy * segmentHeight - heightHalf;
+            for (var ix = 0; ix < gridX1; ix++) {
+                var x = ix * segmentWidth - widthHalf;
+                _this.points.push(x, -y, 0);
+                _this.normals.push(0, 0, 1);
+                _this.uvs.push(ix / gridX);
+                _this.uvs.push(1 - (iy / gridY));
+            }
+        }
+        for (var iy = 0; iy < gridY; iy++) {
+            for (var ix = 0; ix < gridX; ix++) {
+                var a = ix + gridX1 * iy;
+                var b = ix + gridX1 * (iy + 1);
+                var c = (ix + 1) + gridX1 * (iy + 1);
+                var d = (ix + 1) + gridX1 * iy;
+                _this.indices.push(a, b, d);
+                _this.indices.push(b, c, d);
+            }
+        }
+        return _this;
+    }
+    return PlaneGeometryData;
+}(GeometryData));
+
+/**
+ *
+ */
+var FrustumGeometryData = /** @class */ (function (_super) {
+    __extends(FrustumGeometryData, _super);
+    /**
+     *
+     * @param position
+     * @param rotation
+     * @param fov
+     * @param aspect
+     * @param near
+     * @param far
+     */
+    function FrustumGeometryData(position, rotation, fov, aspect, near, far) {
+        var _a;
+        var _this = _super.call(this) || this;
+        var fovY = fov / 180 * Math.PI;
+        var ratio = aspect;
+        var halfY = far * Math.tan(fovY / 2);
+        var halfX = halfY * ratio;
+        var point1 = vecAdd([], position, [halfX, halfY, far]);
+        var point2 = vecAdd([], position, [-halfX, halfY, far]);
+        var point3 = vecAdd([], position, [-halfX, -halfY, far]);
+        var point4 = vecAdd([], position, [halfX, -halfY, far]);
+        var matrix = mat3FromRotationZYX([], rotation[0], rotation[1], rotation[2]);
+        var result1 = vec3MulMat3ByPoint([], point1, matrix, position);
+        var result2 = vec3MulMat3ByPoint([], point2, matrix, position);
+        var result3 = vec3MulMat3ByPoint([], point3, matrix, position);
+        var result4 = vec3MulMat3ByPoint([], point4, matrix, position);
+        (_a = _this.points).push.apply(_a, __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], __read(position), false), __read(result1), false), __read(result2), false), __read(result3), false), __read(result4), false));
+        _this.indices.push(0, 1, 0, 2, 0, 3, 0, 4, 1, 2, 2, 3, 3, 4, 4, 1);
+        return _this;
+    }
+    return FrustumGeometryData;
+}(GeometryData));
+
+/**
+ * 方向光造型数据
+ * lines
+ */
+var DirectionLightData = /** @class */ (function (_super) {
+    __extends(DirectionLightData, _super);
+    /**
+     * 构造函数
+     * @param radius - 圆半径
+     * @param length - 光线长度
+     * @param segments - 圆精度
+     * @param linesNumber - 光线数量
+     * @param thetaStart - 起始弧度
+     * @param thetaLength - 终止弧度
+     */
+    function DirectionLightData(radius, length, segments, linesNumber, thetaStart, thetaLength) {
+        if (radius === void 0) { radius = 1; }
+        if (length === void 0) { length = 2; }
+        if (segments === void 0) { segments = 64; }
+        if (linesNumber === void 0) { linesNumber = 8; }
+        if (thetaStart === void 0) { thetaStart = 0; }
+        if (thetaLength === void 0) { thetaLength = Math.PI * 2; }
+        var _this = _super.call(this) || this;
+        _this.createXYPlaneCircle(radius, 0, segments, thetaStart, thetaLength, 0, _this.points, _this.indices);
+        var start = segments % linesNumber / 2;
+        var step = segments / linesNumber;
+        for (var i = 0; i < linesNumber; i++) {
+            var index = start + i * step;
+            var x = _this.points[3 * index];
+            var y = _this.points[3 * index + 1];
+            var z = -length;
+            _this.points.push(x, y, z);
+            _this.indices.push(index, segments + i);
+        }
+        return _this;
+    }
+    return DirectionLightData;
+}(GeometryData));
+
+/**
+ * 点光源造型数据
+ * lines
+ */
+var PointLightData = /** @class */ (function (_super) {
+    __extends(PointLightData, _super);
+    /**
+     * 构造函数
+     * @param range - 光照范围
+     * @param segments - 圆精度
+     * @param thetaStart - 起始弧度
+     * @param thetaLength - 终止弧度
+     */
+    function PointLightData(range, segments, thetaStart, thetaLength) {
+        if (range === void 0) { range = 10; }
+        if (segments === void 0) { segments = 64; }
+        if (thetaStart === void 0) { thetaStart = 0; }
+        if (thetaLength === void 0) { thetaLength = Math.PI * 2; }
+        var _this = _super.call(this) || this;
+        _this.createXYPlaneCircle(range, 0, segments, thetaStart, thetaLength, 0, _this.points, _this.indices);
+        _this.createXZPlaneCircle(range, 0, segments, thetaStart, thetaLength, segments, _this.points, _this.indices);
+        _this.createYZPlaneCircle(range, 0, segments, thetaStart, thetaLength, 2 * segments, _this.points, _this.indices);
+        return _this;
+    }
+    return PointLightData;
+}(GeometryData));
+
+/**
+ * 聚光灯造型数据
+ * lines
+ */
+var SpotLightData = /** @class */ (function (_super) {
+    __extends(SpotLightData, _super);
+    /**
+     * 构造函数
+     * @param range - 光线范围
+     * @param spotAngle - 光线范围[角度]
+     * @param segments - 圆精度
+     * @param thetaStart - 起始弧度
+     * @param thetaLength - 终止弧度
+     */
+    function SpotLightData(range, spotAngle, segments, thetaStart, thetaLength) {
+        if (range === void 0) { range = 10; }
+        if (spotAngle === void 0) { spotAngle = 30; }
+        if (segments === void 0) { segments = 64; }
+        if (thetaStart === void 0) { thetaStart = 0; }
+        if (thetaLength === void 0) { thetaLength = Math.PI * 2; }
+        var _this = _super.call(this) || this;
+        var angle = spotAngle / 2 / 180 * Math.PI;
+        var radius = range * Math.tan(angle);
+        _this.createXYPlaneCircle(radius, -range, segments, thetaStart, thetaLength, 0, _this.points, _this.indices);
+        _this.points.push(0, 0, 0);
+        var step = segments / 4;
+        var start = segments % 4 / 2;
+        for (var i = 0; i < 4; i++) {
+            _this.indices.push(segments, start + i * step);
+        }
+        return _this;
+    }
+    return SpotLightData;
+}(GeometryData));
+
+/**
+ * 地板线边框造型数据
+ * lines
+ */
+var FloorLineEdgeGeometryData = /** @class */ (function (_super) {
+    __extends(FloorLineEdgeGeometryData, _super);
+    /**
+     *
+     * @param sideLength
+     * @param parts
+     */
+    function FloorLineEdgeGeometryData(sideLength, parts) {
+        if (sideLength === void 0) { sideLength = 12; }
+        if (parts === void 0) { parts = 6; }
+        var _this = _super.call(this) || this;
+        var index = 0;
+        var z = 0;
+        var end = sideLength / 2;
+        var start = -sideLength / 2;
+        for (var i = 0; i <= parts; i++) {
+            var v = start + i * sideLength / parts;
+            _this.points.push(v, start, z, v, end, z, start, v, z, end, v, z);
+            _this.indices.push(index, index + 1, index + 2, index + 3);
+            index += 4;
+        }
+        return _this;
+    }
+    return FloorLineEdgeGeometryData;
+}(GeometryData));
+
+/**
+ * 几何体类型
+ */
+var GeometryType;
+(function (GeometryType) {
+    GeometryType[GeometryType["Box"] = 0] = "Box";
+    GeometryType[GeometryType["Sphere"] = 1] = "Sphere";
+    GeometryType[GeometryType["Cylinder"] = 2] = "Cylinder";
+    GeometryType[GeometryType["Cone"] = 3] = "Cone";
+    GeometryType[GeometryType["Torus"] = 4] = "Torus";
+    GeometryType[GeometryType["Frustum"] = 5] = "Frustum";
+    GeometryType[GeometryType["Sprite"] = 6] = "Sprite";
+    GeometryType[GeometryType["Plane"] = 7] = "Plane";
+    GeometryType[GeometryType["DirectionLight"] = 8] = "DirectionLight";
+    GeometryType[GeometryType["SpotLight"] = 9] = "SpotLight";
+    GeometryType[GeometryType["PointLight"] = 10] = "PointLight";
+    GeometryType[GeometryType["FloorGrid"] = 11] = "FloorGrid";
+})(GeometryType || (GeometryType = {}));
+/**
+ * 合并多个几何体数据
+ * @param geometries - 几何体数据数组
+ * @returns 合并后的几何体数据
+ */
+// export function combineGeometries (geometries: GeometryData[]): GeometryData {
+//   const points: number[] = [];
+//   const indices: number[] = [];
+//   const uvs: number[] = [];
+//   const normals: number[] = [];
+//   for (let i = 0, indicesBase = 0; i < geometries.length; i++) {
+//     const geometryData = geometries[i];
+//     if (geometryData) {
+//       points.push(...geometryData.points);
+//       uvs.push(...geometryData.uvs);
+//       normals.push(...geometryData.normals);
+//       geometryData.indices.forEach(index => indices.push(index + indicesBase));
+//       indicesBase += geometryData.points.length;
+//     }
+//   }
+//   return {
+//     points,
+//     indices,
+//     uvs,
+//     normals,
+//   };
+// }
+/**
+ * 创建几何体对象
+ * @param type - 几何体类型
+ * @param size - 几何体尺寸
+ * @param renderMode - 绘制模式：`gl.TRIANGLES`、`gl.LINES`
+ * @returns
+ */
+function createGeometry(engine, type, size, renderMode) {
+    var geometryData;
+    switch (type) {
+        case GeometryType.Sphere:
+            geometryData = new SphereGeometryData(size.radius, size.widthSegments, size.heightSegments);
+            break;
+        case GeometryType.Cylinder:
+            geometryData = new CylinderGeometryData(size.radius, size.radius, size.height);
+            break;
+        case GeometryType.Cone:
+            geometryData = new ConeGeometryData(size.radius, size.height);
+            break;
+        case GeometryType.Torus:
+            geometryData = new TorusGeometryData(size.radius, size.tube, size.radialSegments, size.tubularSegments, size.arc);
+            break;
+        case GeometryType.Sprite:
+        case GeometryType.Plane:
+            geometryData = new PlaneGeometryData(size.width, size.height);
+            break;
+        case GeometryType.Frustum:
+            geometryData = new FrustumGeometryData(size.position, size.rotation, size.fov, size.aspect, size.near, size.far);
+            break;
+        case GeometryType.DirectionLight:
+            geometryData = new DirectionLightData(size.radius, size.length, size.segments4, size.linesNumber, size.thetaStart, size.thetaLength);
+            break;
+        case GeometryType.PointLight:
+            geometryData = new PointLightData(size.range, size.segments, size.thetaStart, size.thetaLength);
+            break;
+        case GeometryType.SpotLight:
+            geometryData = new SpotLightData(size.range, size.spotAngle, size.segments, size.thetaStart, size.thetaLength);
+            break;
+        case GeometryType.FloorGrid:
+            geometryData = new FloorLineEdgeGeometryData(size.sideLength, size.parts);
+            break;
+        default:
+            geometryData = new BoxGeometryData(size.width, size.height, size.depth);
+            break;
+    }
+    var result = Geometry.create(engine, {
+        attributes: {
+            a_Position: {
+                size: 3,
+                data: new Float32Array(geometryData.points),
+            },
+            a_Normal: {
+                size: 3,
+                data: new Float32Array(geometryData.normals),
+            },
+            a_UV1: {
+                size: 2,
+                data: new Float32Array(geometryData.uvs),
+            },
+        },
+        indices: {
+            data: new Uint16Array(geometryData.indices),
+        },
+        mode: renderMode,
+        drawCount: geometryData.indices.length,
+    });
+    return result;
+}
+
+// 坐标轴默认颜色
+var color = {
+    xAxisColor: [216 / 255, 178 / 255, 76 / 255],
+    yAxisColor: [38 / 255, 149 / 255, 235 / 255],
+    zAxisColor: [134 / 255, 74 / 255, 245 / 255],
+};
+var renderMode = glContext.TRIANGLES;
+// 坐标轴默认图标
+var axisIconMap = new Map();
+axisIconMap.set('light', "data:image/png;base64,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");
+axisIconMap.set('camera', "data:image/png;base64,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");
+axisIconMap.set('posX', "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAAEH5aXCAAABYWlDQ1BrQ0dDb2xvcl\n  NwYWNlRGlzcGxheVAzAAAokWNgYFJJLCjIYWFgYMjNKykKcndSiIiMUmB/yMAOhLwMYgwKicnFBY4BAT5AJQwwGhV8u8bACKI\n  v64LMOiU1tUm1XsDXYqbw1YuvRJsw1aMArpTU4mQg/QeIU5MLikoYGBhTgGzl8pICELsDyBYpAjoKyJ4DYqdD2BtA7CQI+whY\n  TUiQM5B9A8hWSM5IBJrB+API1klCEk9HYkPtBQFul8zigpzESoUAYwKuJQOUpFaUgGjn/ILKosz0jBIFR2AopSp45iXr6SgYG\n  RiaMzCAwhyi+nMgOCwZxc4gxJrvMzDY7v////9uhJjXfgaGjUCdXDsRYhoWDAyC3AwMJ3YWJBYlgoWYgZgpLY2B4dNyBgbeSA\n  YG4QtAPdHFacZGYHlGHicGBtZ7//9/VmNgYJ/MwPB3wv//vxf9//93MVDzHQaGA3kAFSFl7jXH0fsAAAA4ZVhJZk1NACoAAAA\n  IAAGHaQAEAAAAAQAAABoAAAAAAAKgAgAEAAAAAQAAAGSgAwAEAAAAAQAAAGQAAAAADHP8ewAAFZpJREFUeAHtPQuUFMW1VT27\n  C7sLCLv8gxH5zYbERE/yREVNoh4V3V0wykuM+CGCnyiYGD8EMD4IIGICxk/8oPIEfSYv8be7qPGpiSZi5Jmj8fnMzvIRhSwIL\n  H/2M7sz/e7t2dtd3V39nZ7Z0UedM6eqb91bt27VdHV97r3FmSRsfWlqxeFkexPnbGW8pv6nVhQuAhrrqlXxWUxX1TbouHrCjY\n  CIiVAj8kMgEir0IMa3P7pbf7xkwXY9jYlEffXbCgptgsLDxm2dGggJnrx9mClbVdmJvLGuBopVK0058CAjIBwFm5UexPiYocU\n  aoQijtCLrB+Sy5OqB7Ltn9iU8U2xrCLFataf2sXHDZg/UT8jORIQAr/4ydS4SUEjU16xXVfVf6BljQhZhtjR04DPQFR/ZMgCg\n  y4OZblUjThpBU8OFo9Lpjk2yEkWYLrxbySIB43y7YkXGfqEgpjWYqg6zdST+GQlx2jn9iFaPbQSY8+DNQzSiSSeV64iUkBJcc\n  9enlG+LbQQLVrVo74hYNZFKofYlYNMnSUpqhCQPAQO9+3o/ILW1ealEiqkmpr+GjJBzZVa8pu4+IrQRUAbGG174zohUV3KrCH\n  NKUw1k+TYmfv+LssIIZmVoYuLVXlSI35iYaUzcmoW63Dq2EiPML++tsIdvHUIgU4yMNCZeEvz+jwfZs28cMg3ii1e3sA8/Spp\n  gptKFB44jDIz4FwgwxyTWuqSYs2Rn5sPoJJ21AEVV+QlWoNPzrdMqAjPAsnw1FyJa+wafvzamF7vlEttnEtFNwTY4mHK7H7DA\n  yaf1MbU/NtXfN3bozGV0CMMXU/8LyzrfWntZQc27u9jN9+9id1wzkH1xSLEJhSvKxfHqut/oTChXxozygsT0jiCNjQkV1Fhf0\n  8xg/KdnPzHV3IrryMSK2LS25op0mt3IVBZnXH0nxthNY2sa3rLiyZ5dmSTqalpVppbKCEUYZ/zeeG39bBEmpqVMYO7wCswdzh\n  QR/aRLYiUjR53/zMdWXBuTbDuec74JJnFjREYmJtky0AvmbEdVTYP+p9FfxsgYICeVDW1cWzOZmGpMdv2lVj4RJawwcUp9jsg\n  0Ji170gcIIMY4V8e3ft+hlAjW05cv2u46rMD8sQOR9ebSKYXEmBGZYeK6X+4UoJnk4fY06wLei64aaMszAGoJpm0zQAMhk6Jv\n  Bo1jlH/VnZkp2bHDzOMV5VP8ycu1w10lIURitO5/2jQQMSQ44cni1vb0P4tkGTIY1vj+Z/axGIwnGPwwyGB69AkhYUxtf8/v9\n  rHjx/YSszzTvprLWsrm5swK0Qp3evbNZPrizJLgvhsHswOH06yzy3GVbePli0lru8qSXYz96keD2YC+mU65YvEOW2FyAN8CTH\n  hCnmlAZ96ZKXDgURkG1On0LzMw7amq2vpjYdFQX2XPMiBUEBVMOfT80tuHCeQYuzbXC29lCqACraUMqYixNS9JRyQNFYb9RzC\n  hMRE/+mJBT758gPXv0/1iiBnd6eWzBmspktaKAt+VmQjTvyeJhprlalr9sRUx7LNYcb254tX1N8L021n2ANyUWJFp6qszwTLi\n  NQ1HQTu+HaA8G2pJmTJ03PnPvSdm6M0lAjEd5kspNpFYniMTRNr2ygWVh1o7ja0pkVJIOxVOKK5MCMkrhvnZYpifzfXCk+fzB\n  Kx5Jo+aVOc5KMjpM9DAguCcY88edS9U3Pn9cePoI09h/O5xtfWB3iZfgqjvXFWcaG429kF8VCYqFK7wFfgGe5XnKkiiYfJpaj\n  r1hlch+cjHoQhHCideUkF6sgecKkpwHPJgZD+Jnim2CRJ27UMF5iu2jmImQWD0gSmO/5dY/Bae9rUyds0Ux56Xyge7OWzaQmP\n  fdeoZfdkU2I7wG2JFRWPGnvectkOsC+J3iWtlgpun1v1QK47sec0fDrCX/mpMcZxmKTJaEdanrHjgiLOebdEEye47wBgsC9jM\n  7nUKMvn5zIFs1HDn9YrYk18+toTNvcx2niLW1TONfzNNkDCfcVnpV96xg7UnM/NvnCrjnFwMW3d2sjkPGB/xx+YOZb1gAzDrw\n  Pkqrm3HpNRVWRfWXcD/ftTBlqzeoxdHf5kb7t7Jdu/PrJ37linaaYGOFEGCw2bW+7CZdVwEZZmKEP8+YsbSaweyowc7/+1E3C\n  BpRdsYC0LhExd7orJ7oUQkCMuFEFg+TGvUd4hRlDH2SEv3X4nKRZifxRjhB4n5hvrqk1MqWxeEyA33t68eZHV/OaSj0Dty/9N\n  72boP2m1wHZBlItJRS3wvTvxSb3bDvw4wVQ93FMQFv2wb3ETg90FRLtUE2fxibTzZmW70S2fF27gtyW5/tEUHew2rM5buYG0d\n  mWG6X7nCHrhJfmqkF+iR0L8jiAcfxXtgejLLg8aWffWyT9mhtrQGLy7i7N/nDbXhyADvNrWzXzy1V89COqQPGmjOZaJsqqtZk\n  Wbqj/wUhqdY05cY+0LXXtCfnfpVz018W9Hi3/H4sb3Zzd83/x1tBAKAhECQSRAEbF77nWOSqeQWTBds4Gwv7MlXiPWzCUKZMJ\n  3fCEcZo+m5UGLcQhl1Vl1mA1qolKMghNNYX70dDwzouadi3GSy7gGJdfEUhJC1kw/hYILgOY0lfyEnfr4FEQvY8MKU0amu1Id\n  wtqOdUYh52aZxF5Q2KYOUFUoQGQM8D2ntUBfBBHS6LN8G4+xjxpX5VdV1T9jyQgAiE4R445QnzXgtfJNOZyofDnD8HYTxsZkz\n  dSNs79SVxnrXHX3u74y5PhFnEWctSGZWoD4Pf7N4mHrA6fASOB2eF4ZWpAktSNiZgMhcTINAbUpR8bix5z2zTYT7TQcWJMjX3\n  28lRDwQKFVRwQcMOrXuoAj3SvsWJN9ffBi9XoXR6ywvASjflyBRH9EQcz9xfPjwEv6Nhz2PLj0FKYSpiqL0Gj2u+unNboK7Cg\n  K6XfthN9CuRelWYo7yuBI7PV79/J+dincUpFDmWGLF3XrGdMBHRPB3+mshTBSpPhSjJjCeFNCzGNsEwckhTN8niEiFlHY6cLI\n  JwvI9ww3RSnj0YSUzCaKp0FkxCvAZddes+lO6bk1mat6lq3R51f+h5/exN97LKPQgLu1fedGJ+QvhSCJhUdEW893SeCAL+Xr9\n  9R7JrC/cSM15V0/uz2KKMei5aaSbKTNPH+/oNAlxDyi7BAl4IIUKzESjCYKH9mEWSeLWz8HWNHvlnVYq1zOe+5BxvPCtE8ps+\n  8SeBQBCuquzifA0QQ63db1IgCCxAtQ/hG0gCqvW7megMeoZZq0wtOZiUMbM2mBHdsQAekXff9IEgZfHZDRCiH7iibCXRepJiC\n  9uicro3wRFuT0HMuckmL/6Nt+vpaw43FhcjBkKLlGlGAGAqMxFIZVW2WoXzaRfgzIehR9/1/9mHNFYY+iVuQhTtHW2NTfEM2k\n  9IekfQI8LFSyt4fJFxs7k8IFF7BtVva0ooZ/hoMfnZoEHC9QRmzDeqBgpcRLZU/91ADRHMxvXCLvrukGUlXWMZm3aO5J1Sd0F\n  zJ46ANTvjdLuWJPZX2jrSLOGdcZR9P0/Mf6KBnb4VFuqvTZSQbAq4pD8weYOhiYBM5YaO5xnn1juqpgXRhzQy4tekKIYZ1dWG\n  8Mp2jVQwGODyydFv7xRGR8TeY9gpc/4ehm0ur1osbdIuEhilflTlg7D7O4bzO8Bfm9yGPramy0ibtYP45vvt7H9h+xDckTsmn\n  MiyPLfGkdqYkV/+EvjpRfhWae5Gr0gOEr9rdE4hn58/lDNTI4qK+qiECzbGDb13oi8R8RR6pKz+zEcxURbP1SswYPQKAN81et\n  A8wG29yMKs1cYf53SXpydd7JhXjtPUGUST3OjYI02WSCIMj+KwvBlbjlgvMyPzDGf1o0HvawRg/UFnecsOWidlCgOWnAN8utn\n  jVntTRfLZ7V3XmvMr1AL4vEXo9Bhz1hDRPKOiEPt4AExdsI4Y/Jobdm7Zxvfl5fXH856SEYtbuShCYJ2llaGfp9X1u1nuAahs\n  EKoKMHEeBAI+vW4YbOT7ZBMquiaIKIVt8jUK733YIr96d1WHU386+hASeLG75nO+k3qgRJ0RxAMu/dSpv7XwtNUAvqNr19urL\n  3HjzS/zF5loOINBRyS39sQfEgWDTp1QYIeCd/6gDGrxQrNuzyYpigqZU453dDxves/5LMBEtYaoyGACNMFQSAa3oqZTmn8em/\n  b2aVno1uGMGHqt/tqZuZEKw4aBHOKrdYMwnouQwLHCXtgJ14+fjqVmme4zHTX1CNYH6vWTZ7r6MkOzTBk9sc2QbAk1MDxLLEH\n  EGBA2uRkSyIVBNWIrCZfPVBvE8uM/YjZQFtEkAqCCKhSVDDCgPG3mxEM1tf2siNQDJtfqR2SbE0bO2tiZh7S8HeSGr5YWXsKQ\n  gQ9MprF+JSq8+tBz8U7+BYEi0o01H5PTaef8i42SwzwVFRVUx9oTzqQIFQ9OMNbCTv4M+g5upgnY0Wx8WSlE6TcUIIQg0R97f\n  WqmtYnbgQPGsN78N/lpUWT0DInKC3hZyUIFYJxY0PtNKamQYOOHSPCHdNgvFLWi8//4tl1zY44ATIiEyQAT1dUTaUwyc6AUwL\n  4sW/DkeBIV4LAmXwLjNV/hN3218pK2GtRNWTgajgQ9FiH4Pnr4bYUTLbTl6IXPof65RUMk4f1sGZeU14aeyqb1zWbSuetQ1Ad\n  IZ1KzYHGvyzMQXg2Qoan5UnopNVKLLY0zAchDN+cdog2DVDV5TD8ZHcAHUaynNDwZlgM/QS9buWkeCg08g7RDAHSYJxZ4Evlr\n  BsUjA+Ywqf7ndD65RdJh+BypbNNfb6Qle78NkgYPFwuFZeC7w2JbU7Q8rLqkKa1U45Pp0GnqABsfYIKnhN8WIwrStEkN5sjL7\n  6hOgQ7Qk13vV4oWs1eQuY7H7d6uFL0zTAdE6hDuoemN2FoKjhzvnw3uh9+uJEIQ9nEIEOZ476clSHaveC21pHOsLaM8zO2FbY\n  ZWqs4Y5lzPN8QzX4nnXz3cz9rMrdL9E8wKytRSk6QnR+IzFzfEFxHaObTn/cprNgiuUpDG2JbYpu6sXB8Q3JlmoduEVBx2Smc\n  8pXerAwcbecjoGeQdzd0SFkVQRVOP76MoYZ51AEPb63nnsRD2iG525fOsMVOmfvQLrZzr6FNThXCGB12oOOOXIZ68HLyG/B2I\n  gtfOqZEO2GH2VLOAnzwpYbhNpZRW926SfTs6wfZ7/9kuH8RcYO6rhBp3dKohzR/5W6TZoCIP/ui/mzCl3OqOqqzQ6UTUV8DM0\n  wdEtUBh87RR2LXvhT76YO7wcOLoaVGZKjXsQS8uA+tMDTUKC9MjKrgpNdupR9WWcQWw6UrkTj4shbu8ux4F0W2bnZcePrKsjp\n  FEoku+lYfdsE3+4qgwOn7nt7H3vpA/u26+Ky+rHqiodATuPAsCUqKlSrSM9PfEPAk3hjWu0GW9dHJ0XJv0eMtUrOsYZUxuDZo\n  kEl5SCd0SeCHe86Du8C/n6HUR+joMe6OawaBJ+kcfLmJia+YJ8hntNYh2rFlOr3GF22OkVAbcsFjLWzTP+WW93PgTo/jRhsak\n  G7VQb/U6DZaFs4E+4kfCMYgMpy8wsAjGOr3ZjqkvnoLLPz8nSHnqZavg63sw2AzKwsnf6WUXX9hf1mWBkOX/7fBh/uTT+2div\n  rsC2dUMrzZq7AC34Lu1SN3nBelkGjuh5YMorEllY+XAqF/x4p+MQJp8T8+TrLFMOzBxqctfBXeLLw1p1AD/FdOiV3//fh1UMF\n  TC7GSJWBHhsYNnfCPF53VYl1x+voiOKItL1XYmBEZ/1EPPrefPQEOamUBVfMvAgXWgg6c70Kvpevg73RyQVcUKodaxfNgMYlX\n  OlgDXm6EbxH5IRTz0bnoz2dWhvItKJaTlzTnb+GVix9Fr2qTu+qjxZlorOXGCa000eT0sxP4FuwQ2MyJ3mdcLhvh/U0d7M4nM\n  obLMj54GQd+X3Ba+9kKPIk1lm/oFLAkf3fYEKQq461O6A/2MxgOorVhJCqQ+RAeHZPg7VZ+fDWjReOyJ53fonzUNzAP6AtwKK\n  NuDEzYAwSv/a2Vocsb2Z1mNRPLpYtFvD4RvWLI1iM9IIInS+yL2Oxp8VKYs0/xxO4hBPTOga6osUOsARd5uPVxynGlmmPkLww\n  qZus/NFvIoRnkq+Du51CbGvheMiu/XD8rMb6MZ64Abwutdp7LSrot8saP7AVnFvZFHu5Z4d6V1S091hN9hS+FDjxK4nIil3L4\n  Lbu8pLSye+uk5jFYi0z3S5gPPLfdWbySBa9mcQu4QMSFoyxcem4/du6EApsOg1kDWMX8QOsQzQQALkGUVT7fMLfzkaDTWXSb9\n  rNHdmvXWVrlKLQFIxxbfwFNI7QOwcqiQy3yRWWtfL6e8a5pvHNaFtC7jeiqR4Yjg+Ge1sJVu1nTVvtGI+KjQ308nezJACeHun\n  NmvUOwQuBj9W0QIO+2GnhtD56xf7rHfsaOSga3XVHJxh2d2a8K23Buu8d+b8wOy9uNDm1SwBZ0AuGYOkQzomnt2ir60iPEXMX\n  r/9HOfvWfcpP7kXA97IIrKzUXMFHwx3UMuguQeShCh1i4LW+99DsKvk5lwJvRVl5WdLRoHGTqECREV5Oprs5N+dhOwfNtPOeW\n  hWnn9GOTTsrNh/exhv3sVck0GutxDnzsL4OPfu4DWoYWj7a6XLd1CFZEs3bqSiXgTTEfNkRUS1yo3bayxeQBkIpGf0JLwVuN6\n  KCS8qKM8fLsBfBtkXnxzPX0GN6MlFIUi8ussqQdgoKjq9yWvWoiausndAWEXnRkYcL4UjZ7qvNJoIwmGxgeF/8bLDqd7pjOyf\n  QYjL4rB/C4k+9+xw4hQdEhMygNn0nPR+LwLQDKcZ73DnjuT2sXF4AvgvDVOEKptQC0oZ9LIDzfEGpOdCjftH37n+Ft0adolHc\n  kdm4BNHcbN2zYaX4usMBSfHcIsWxquHCUmk6ugw/+EIIdiSUtgOZtvNdEr8s3rJSBO4QKwNummZpqgIVkPuaIxLbgYzRnYzxW\n  7XZxiJsQoTuECtXeGDX58v93yyo0X+O85OygbwS1I8VZdwgVhN+YDc3bl/m97JHoPusx2nqMHT7sFr/fCC95I+sQkRGawXWmO\n  x/9vE6XcfparBRf6WWeJraJ33ROOkRkjgvMvXvUhbDpOitXK3+RXy7SuLKGhrp3QAX/mdOCLiq+Oe8Qa0VxrwxuNLkF4DPyuY\n  lprYfbM276Qf4jcL3fMutekxtdFHl57xBZpWE3oAqUvS+Ft+hC2NQMdeGjrFx/MJ6ARni6uJivJhsNf3S5wSqIDnETDc/82zv\n  b4qrC42qaQWepcbjjAT2O9oFORGVd+mExeLqF141ifAi0OMBdJDS4whI8rSZ6F5cmor56FJlGGf4P4EHCXAoGV1UAAAAASUVO\n  RK5CYII=");
+axisIconMap.set('posY', "data:image/png;base64,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");
+axisIconMap.set('posZ', "data:image/png;base64,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");
+axisIconMap.set('negX', "data:image/png;base64,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\n  5ErkJggg==");
+axisIconMap.set('negY', "data:image/png;base64,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\n  5ErkJggg==");
+axisIconMap.set('negZ', "data:image/png;base64,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");
+
+/**
+ * 根据 gizmoSubType 类型创建几何体 Mesh
+ * @param subType - gizmoSubType 类型
+ * @param boundingMap - 包围盒 Map
+ * @param iconTexture - 图标纹理
+ * @param options - 几何体参数
+ * @returns 基础几何体 Mesh | 组合几何体 Map<Mesh, Transform>
+ */
+function createMeshFromSubType(engine, subType, boundingMap, iconTexture, options) {
+    var result;
+    if (!options) {
+        options = { size: 0, renderMode: WebGLRenderingContext['TRIANGLES'] };
+    }
+    switch (subType) {
+        case GizmoSubType.sprite:
+            result = createSpriteMesh(engine, options);
+            break;
+        case GizmoSubType.camera:
+            result = createSpriteMesh(engine, options, iconTexture ? iconTexture.get('camera') : undefined, boundingMap);
+            break;
+        case GizmoSubType.light:
+            result = createSpriteMesh(engine, options, iconTexture ? iconTexture.get('light') : undefined, boundingMap);
+            break;
+        case GizmoSubType.translation:
+            result = createTranslationMesh(engine, options, boundingMap);
+            break;
+        case GizmoSubType.scale:
+            result = createScaleMesh(engine, options, boundingMap);
+            break;
+        case GizmoSubType.viewHelper:
+            result = createViewHelperMesh(engine, options, boundingMap, iconTexture);
+            break;
+        case GizmoSubType.rotation:
+            result = createRotationMesh(engine, options, boundingMap);
+            break;
+        default:
+            result = createBasicMesh(engine, subType, options);
+            break;
+    }
+    return result;
+}
+/**
+ * 创建旋转组件 Mesh 数组
+ * @internal
+ * @param options
+ * @param boundingMap - 包围盒 Map
+ * @returns Mesh 数组和对应的 Transform 组成的 Map
+ */
+function createRotationMesh(engine, options, boundingMap) {
+    var result = new Map();
+    var scale = options.size.scale || 1;
+    var size = {
+        radius: 0.8 * scale,
+        tube: 0.02 * scale,
+        radiusSegments: 10 * scale,
+        widthSegments: 20,
+        heightSegments: 20,
+    };
+    var boundSize = __assign(__assign({}, size), { tube: size.tube * 2 });
+    var name = 'rotation';
+    var xCircle = createBasicMesh(engine, GizmoSubType.torus, {
+        size: size,
+        color: color.xAxisColor,
+        renderMode: renderMode,
+        name: name,
+    }, 'hideBack');
+    var yCircle = createBasicMesh(engine, GizmoSubType.torus, {
+        size: size,
+        color: color.yAxisColor,
+        renderMode: renderMode,
+        name: name,
+    }, 'hideBack');
+    var zCircle = createBasicMesh(engine, GizmoSubType.torus, {
+        size: size,
+        color: color.zAxisColor,
+        renderMode: renderMode,
+        name: name,
+    }, 'hideBack');
+    var center = createBasicMesh(engine, GizmoSubType.sphere, {
+        size: size,
+        color: [0.3, 0.3, 0.3], alpha: 0.1,
+        renderMode: renderMode,
+        name: name,
+    }, 'blend');
+    var xCircleBounding = createBasicMesh(engine, GizmoSubType.torus, {
+        size: boundSize,
+        color: color.xAxisColor,
+        renderMode: renderMode,
+    });
+    var yCircleBounding = createBasicMesh(engine, GizmoSubType.torus, {
+        size: boundSize,
+        color: color.yAxisColor,
+        renderMode: renderMode,
+    });
+    var zCircleBounding = createBasicMesh(engine, GizmoSubType.torus, {
+        size: boundSize,
+        color: color.zAxisColor,
+        renderMode: renderMode,
+    });
+    var xCircleTransform = new Transform({
+        valid: true,
+    });
+    var yCircleTransform = new Transform({
+        valid: true,
+    });
+    var zCircleTransform = new Transform({
+        valid: true,
+    });
+    var centerTransform = new Transform({
+        valid: true,
+    });
+    xCircleTransform.setRotation(0, 90, 0);
+    yCircleTransform.setRotation(-90, 0, 0);
+    zCircleTransform.setRotation(0, 0, 0);
+    result.set(center, centerTransform);
+    result.set(xCircle, xCircleTransform);
+    result.set(yCircle, yCircleTransform);
+    result.set(zCircle, zCircleTransform);
+    boundingMap.set('xAxis', {
+        type: BoundingType.triangle,
+        triangles: xCircleBounding.firstGeometry() ? getTriangle(xCircleBounding.firstGeometry(), xCircleTransform) : [],
+        backfaceCulling: true,
+    });
+    boundingMap.set('yAxis', {
+        type: BoundingType.triangle,
+        triangles: yCircleBounding.firstGeometry() ? getTriangle(yCircleBounding.firstGeometry(), yCircleTransform) : [],
+        backfaceCulling: true,
+    });
+    boundingMap.set('zAxis', {
+        type: BoundingType.triangle,
+        triangles: zCircleBounding.firstGeometry() ? getTriangle(zCircleBounding.firstGeometry(), zCircleTransform) : [],
+        backfaceCulling: true,
+    });
+    return result;
+}
+/**
+ * 获取几何体的三角面数组
+ * @internal
+ * @param geometry - 几何体
+ * @param transform - 变换式
+ * @returns 三角面数组
+ */
+function getTriangle(geometry, transform) {
+    var result = [];
+    var indices = geometry.getIndexData();
+    var points = geometry.getAttributeData('a_Position');
+    var mat4 = transform.getWorldMatrix();
+    if (points && indices && indices.length > 0) {
+        indices === null || indices === void 0 ? void 0 : indices.forEach(function (index, i) {
+            var position = [points[index * 3], points[index * 3 + 1], points[index * 3 + 2]];
+            var localPosition = [0, 0, 0];
+            vec3MulMat4(localPosition, position, mat4);
+            if (result[Math.floor(i / 3)] === undefined) {
+                result[Math.floor(i / 3)] = [[0, 0, 0], [0, 0, 0], [0, 0, 0]];
+            }
+            result[Math.floor(i / 3)][i % 3] = localPosition;
+        });
+    }
+    return result;
+}
+/**
+ * 创建位移组件 Mesh 数组
+ * @internal
+ * @param options
+ * @param boundingMap - 包围盒 Map
+ * @returns Mesh 数组和对应的 Transform 组成的 Map
+ */
+function createTranslationMesh(engine, options, boundingMap) {
+    var e_1, _a;
+    var result = new Map();
+    var scale = options.size.scale || 1;
+    var axisSize = {
+        width: 0.8 * scale,
+        height: 0.02 * scale,
+        depth: 0.02 * scale,
+    };
+    var name = 'translation';
+    var axisMesh = createAxisMesh(engine, axisSize, false, name);
+    try {
+        for (var axisMesh_1 = __values(axisMesh), axisMesh_1_1 = axisMesh_1.next(); !axisMesh_1_1.done; axisMesh_1_1 = axisMesh_1.next()) {
+            var _b = __read(axisMesh_1_1.value, 2), mesh = _b[0], transform = _b[1];
+            result.set(mesh, transform);
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (axisMesh_1_1 && !axisMesh_1_1.done && (_a = axisMesh_1.return)) _a.call(axisMesh_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    var arrowSize = {
+        radius: 0.05 * scale,
+        height: 0.2 * scale,
+    };
+    var xArrow = createBasicMesh(engine, GizmoSubType.cone, {
+        size: arrowSize,
+        color: color.xAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    }, 'blend');
+    var yArrow = createBasicMesh(engine, GizmoSubType.cone, {
+        size: arrowSize,
+        color: color.yAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    }, 'blend');
+    var zArrow = createBasicMesh(engine, GizmoSubType.cone, {
+        size: arrowSize,
+        color: color.zAxisColor,
+        renderMode: renderMode,
+        name: name,
+        depthTest: true,
+    }, 'blend');
+    var xArrowTransform = new Transform({
+        valid: true,
+    });
+    var yArrowTransform = new Transform({
+        valid: true,
+    });
+    var zArrowTransform = new Transform({
+        valid: true,
+    });
+    xArrowTransform.setRotation(0, 0, 90);
+    yArrowTransform.setRotation(0, 0, 0);
+    zArrowTransform.setRotation(-90, 0, 0);
+    xArrowTransform.translate(axisSize.width, 0, 0);
+    yArrowTransform.translate(0, axisSize.width, 0);
+    zArrowTransform.translate(0, 0, axisSize.width);
+    var planeSize = {
+        width: 0.2 * scale,
+        height: 0.2 * scale,
+    };
+    var xyPlane = createBasicMesh(engine, GizmoSubType.plane, {
+        size: planeSize, color: color.zAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    });
+    var yzPlane = createBasicMesh(engine, GizmoSubType.plane, {
+        size: planeSize, color: color.xAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    });
+    var zxPlane = createBasicMesh(engine, GizmoSubType.plane, {
+        size: planeSize, color: color.yAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    });
+    var xyPlaneTransform = new Transform({
+        valid: true,
+    });
+    var yzPlaneTransform = new Transform({
+        valid: true,
+    });
+    var zxPlaneTransform = new Transform({
+        valid: true,
+    });
+    var delta = axisSize.width / 8;
+    xyPlaneTransform.translate(planeSize.width / 2 + delta, planeSize.height / 2 + delta, 0);
+    yzPlaneTransform.setRotation(0, 90, 0);
+    yzPlaneTransform.translate(0, planeSize.height / 2 + delta, planeSize.width / 2 + delta);
+    zxPlaneTransform.setRotation(-90, 0, 0);
+    zxPlaneTransform.translate(planeSize.width / 2 + delta, 0, planeSize.height / 2 + delta);
+    result.set(xArrow, xArrowTransform);
+    result.set(yArrow, yArrowTransform);
+    result.set(zArrow, zArrowTransform);
+    result.set(xyPlane, xyPlaneTransform);
+    result.set(yzPlane, yzPlaneTransform);
+    result.set(zxPlane, zxPlaneTransform);
+    createAxisBounding({ width: arrowSize.radius * 2.4, length: axisSize.width + arrowSize.height / 2 }, boundingMap);
+    boundingMap.set('xyPlane', {
+        type: BoundingType.triangle,
+        triangles: xyPlane.firstGeometry() ? getTriangle(xyPlane.firstGeometry(), xyPlaneTransform) : [],
+        backfaceCulling: false,
+    });
+    // FIXME: getTriangle 函数调用 getWorldMatrix 后 worldMatrix被修改
+    boundingMap.set('yzPlane', {
+        type: BoundingType.triangle,
+        triangles: yzPlane.firstGeometry() ? getTriangle(yzPlane.firstGeometry(), yzPlaneTransform) : [],
+        backfaceCulling: false,
+    });
+    boundingMap.set('zxPlane', {
+        type: BoundingType.triangle,
+        triangles: zxPlane.firstGeometry() ? getTriangle(zxPlane.firstGeometry(), zxPlaneTransform) : [],
+        backfaceCulling: false,
+    });
+    return result;
+}
+/**
+ * 创建缩放组件 Mesh 数组
+ * @internal
+ * @param options
+ * @param boundingMap - 包围盒 Map
+ * @returns Mesh 数组和对应的 Transform 组成的 Map
+ */
+function createScaleMesh(engine, options, boundingMap) {
+    var e_2, _a;
+    var result = new Map();
+    var scale = options.size.scale || 1;
+    var axisSize = {
+        width: 0.8 * scale,
+        height: 0.02 * scale,
+        depth: 0.02 * scale,
+    };
+    var name = 'scale';
+    var axisMesh = createAxisMesh(engine, axisSize, false, name);
+    try {
+        for (var axisMesh_2 = __values(axisMesh), axisMesh_2_1 = axisMesh_2.next(); !axisMesh_2_1.done; axisMesh_2_1 = axisMesh_2.next()) {
+            var _b = __read(axisMesh_2_1.value, 2), mesh = _b[0], transform = _b[1];
+            result.set(mesh, transform);
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (axisMesh_2_1 && !axisMesh_2_1.done && (_a = axisMesh_2.return)) _a.call(axisMesh_2);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+    var boxSize = {
+        width: 0.1 * scale,
+        height: 0.1 * scale,
+        depth: 0.1 * scale,
+    };
+    var centerBoxSize = {
+        width: 0.2 * scale,
+        height: 0.2 * scale,
+        depth: 0.2 * scale,
+    };
+    var xCube = createBasicMesh(engine, GizmoSubType.box, {
+        size: boxSize, color: color.xAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    }, 'blend');
+    var yCube = createBasicMesh(engine, GizmoSubType.box, {
+        size: boxSize, color: color.yAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    }, 'blend');
+    var zCube = createBasicMesh(engine, GizmoSubType.box, {
+        size: boxSize, color: color.zAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    }, 'blend');
+    var centerCube = createBasicMesh(engine, GizmoSubType.box, {
+        size: centerBoxSize,
+        color: [0.8, 0.8, 0.8],
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    }, 'blend');
+    var xCubeTransform = new Transform({
+        valid: true,
+    });
+    var yCubeTransform = new Transform({
+        valid: true,
+    });
+    var zCubeTransform = new Transform({
+        valid: true,
+    });
+    var centerCubeTransform = new Transform({
+        valid: true,
+    });
+    xCubeTransform.translate(axisSize.width, 0, 0);
+    yCubeTransform.translate(0, axisSize.width, 0);
+    zCubeTransform.translate(0, 0, axisSize.width);
+    result.set(centerCube, centerCubeTransform);
+    result.set(xCube, xCubeTransform);
+    result.set(yCube, yCubeTransform);
+    result.set(zCube, zCubeTransform);
+    createAxisBounding({ width: boxSize.width * 1.2, length: axisSize.width + boxSize.width / 2 }, boundingMap);
+    boundingMap.set('center', {
+        type: BoundingType.sphere,
+        center: [0, 0, 0],
+        radius: Math.pow(Math.pow(centerBoxSize.width, 2) + Math.pow(centerBoxSize.height, 2) + Math.pow(centerBoxSize.depth, 2), 0.5) / 2,
+    });
+    return result;
+}
+/**
+ * 创建视图辅助组件 Mesh 数组
+ * @internal
+ * @param options
+ * @param boundingMap - 包围盒 Map
+ * @returns Mesh 数组和对应的 Transform 组成的 Map
+ */
+function createViewHelperMesh(engine, options, boundingMap, texture) {
+    var e_3, _a;
+    var result = new Map();
+    var scale = options.size.scale || 1;
+    var axisSize = {
+        width: 0.8 * scale,
+        height: 0.02 * scale,
+        depth: 0.02 * scale,
+    };
+    var axisMesh = createAxisMesh(engine, axisSize, true);
+    try {
+        for (var axisMesh_3 = __values(axisMesh), axisMesh_3_1 = axisMesh_3.next(); !axisMesh_3_1.done; axisMesh_3_1 = axisMesh_3.next()) {
+            var _b = __read(axisMesh_3_1.value, 2), mesh = _b[0], transform = _b[1];
+            result.set(mesh, transform);
+        }
+    }
+    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+    finally {
+        try {
+            if (axisMesh_3_1 && !axisMesh_3_1.done && (_a = axisMesh_3.return)) _a.call(axisMesh_3);
+        }
+        finally { if (e_3) throw e_3.error; }
+    }
+    var planeSize = {
+        width: 0.14 * scale,
+        height: 0.14 * scale,
+    };
+    var length = (axisSize.width + planeSize.width) / 2;
+    var depthTest = true;
+    var posXSphere = createSpriteMesh(engine, { size: planeSize, renderMode: renderMode, depthTest: depthTest }, texture.get('posX'));
+    var posYSphere = createSpriteMesh(engine, { size: planeSize, renderMode: renderMode, depthTest: depthTest }, texture.get('posY'));
+    var posZSphere = createSpriteMesh(engine, { size: planeSize, renderMode: renderMode, depthTest: depthTest }, texture.get('posZ'));
+    var posXSphereTransform = new Transform({
+        valid: true,
+    });
+    var posYSphereTransform = new Transform({
+        valid: true,
+    });
+    var posZSphereTransform = new Transform({
+        valid: true,
+    });
+    posXSphereTransform.translate(length, 0, 0);
+    posYSphereTransform.translate(0, length, 0);
+    posZSphereTransform.translate(0, 0, length);
+    var negXSphere = createSpriteMesh(engine, { size: planeSize, renderMode: renderMode, depthTest: depthTest }, texture.get('negX'));
+    var negYSphere = createSpriteMesh(engine, { size: planeSize, renderMode: renderMode, depthTest: depthTest }, texture.get('negY'));
+    var negZSphere = createSpriteMesh(engine, { size: planeSize, renderMode: renderMode, depthTest: depthTest }, texture.get('negZ'));
+    var negXSphereTransform = new Transform({
+        valid: true,
+    });
+    var negYSphereTransform = new Transform({
+        valid: true,
+    });
+    var negZSphereTransform = new Transform({
+        valid: true,
+    });
+    negXSphereTransform.translate(-length, 0, 0);
+    negYSphereTransform.translate(0, -length, 0);
+    negZSphereTransform.translate(0, 0, -length);
+    result.set(posXSphere, posXSphereTransform);
+    result.set(posYSphere, posYSphereTransform);
+    result.set(posZSphere, posZSphereTransform);
+    result.set(negXSphere, negXSphereTransform);
+    result.set(negYSphere, negYSphereTransform);
+    result.set(negZSphere, negZSphereTransform);
+    var radius = (planeSize.height / 2) * 1.2;
+    boundingMap.set('posX', {
+        type: BoundingType.sphere,
+        center: posXSphereTransform.position,
+        radius: radius,
+    });
+    boundingMap.set('posY', {
+        type: BoundingType.sphere,
+        center: posYSphereTransform.position,
+        radius: radius,
+    });
+    boundingMap.set('posZ', {
+        type: BoundingType.sphere,
+        center: posZSphereTransform.position,
+        radius: radius,
+    });
+    boundingMap.set('negX', {
+        type: BoundingType.sphere,
+        center: negXSphereTransform.position,
+        radius: radius,
+    });
+    boundingMap.set('negY', {
+        type: BoundingType.sphere,
+        center: negYSphereTransform.position,
+        radius: radius,
+    });
+    boundingMap.set('negZ', {
+        type: BoundingType.sphere,
+        center: negZSphereTransform.position,
+        radius: radius,
+    });
+    return result;
+}
+/**
+ * 创建坐标轴 Mesh 数组
+ * @internal
+ * @param axisSize - 坐标轴尺寸
+ * @param isCentered - 是否居中，默认 false
+ * @returns Mesh 数组和对应的 Transform 组成的 Map
+ */
+function createAxisMesh(engine, axisSize, isCentered, name) {
+    if (isCentered === void 0) { isCentered = false; }
+    var result = new Map();
+    var xAxis = createBasicMesh(engine, GizmoSubType.box, {
+        size: axisSize, color: color.xAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    });
+    var yAxis = createBasicMesh(engine, GizmoSubType.box, {
+        size: axisSize, color: color.yAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    });
+    var zAxis = createBasicMesh(engine, GizmoSubType.box, {
+        size: axisSize, color: color.zAxisColor,
+        renderMode: renderMode,
+        depthTest: true,
+        name: name,
+    });
+    var xAxisTransform = new Transform({
+        valid: true,
+    });
+    var yAxisTransform = new Transform({
+        valid: true,
+    });
+    var zAxisTransform = new Transform({
+        valid: true,
+    });
+    yAxisTransform.setRotation(0, 0, 90);
+    zAxisTransform.setRotation(0, -90, 0);
+    if (!isCentered) {
+        xAxisTransform.translate(axisSize.width / 2, 0, 0);
+        yAxisTransform.translate(0, axisSize.width / 2, 0);
+        zAxisTransform.translate(0, 0, axisSize.width / 2);
+    }
+    result.set(xAxis, xAxisTransform);
+    result.set(yAxis, yAxisTransform);
+    result.set(zAxis, zAxisTransform);
+    return result;
+}
+/**
+ * 创建基础几何体 Mesh
+ * @internal
+ * @param subType - gizmoSubType 类型
+ * @param options - 几何体参数
+ * @returns 几何体 Mesh
+ */
+function createBasicMesh(engine, subType, options, materialType) {
+    if (materialType === void 0) { materialType = 'default'; }
+    var size = options.size, color = options.color, alpha = options.alpha, renderMode = options.renderMode, depthTest = options.depthTest, name = options.name;
+    var geometryType;
+    switch (subType) {
+        case GizmoSubType.sphere:
+            geometryType = GeometryType.Sphere;
+            break;
+        case GizmoSubType.cylinder:
+            geometryType = GeometryType.Cylinder;
+            break;
+        case GizmoSubType.cone:
+            geometryType = GeometryType.Cone;
+            break;
+        case GizmoSubType.torus:
+            geometryType = GeometryType.Torus;
+            break;
+        case GizmoSubType.sprite:
+            geometryType = GeometryType.Sprite;
+            break;
+        case GizmoSubType.plane:
+            geometryType = GeometryType.Plane;
+            break;
+        case GizmoSubType.frustum:
+            geometryType = GeometryType.Frustum;
+            break;
+        case GizmoSubType.directionLight:
+            geometryType = GeometryType.DirectionLight;
+            break;
+        case GizmoSubType.spotLight:
+            geometryType = GeometryType.SpotLight;
+            break;
+        case GizmoSubType.pointLight:
+            geometryType = GeometryType.PointLight;
+            break;
+        case GizmoSubType.floorGrid:
+            geometryType = GeometryType.FloorGrid;
+            break;
+        default:
+            geometryType = GeometryType.Box;
+            break;
+    }
+    var geometry = createGeometry(engine, geometryType, size, renderMode);
+    var material;
+    switch (materialType) {
+        case 'blend':
+            material = createBlendMaterial(engine, color, depthTest, alpha);
+            break;
+        case 'hideBack':
+            material = createHideBackMaterial(engine, color, depthTest);
+            break;
+        default:
+            material = createMaterial(engine, color, depthTest);
+            break;
+    }
+    return Mesh.create(engine, {
+        name: name ? name : geometryType.toString(),
+        geometry: geometry,
+        material: material,
+        priority: 3000,
+    });
+}
+/**
+ * @internal
+ * @param options
+ * @param texture
+ * @param boundingMap
+ * @returns
+ */
+function createSpriteMesh(engine, options, texture, boundingMap) {
+    var geometry = createGeometry(engine, GeometryType.Sprite, options.size, renderMode);
+    var spriteColor;
+    if (texture) {
+        spriteColor = texture;
+    }
+    else {
+        spriteColor = options.color;
+    }
+    var material = createSpriteMaterial(engine, spriteColor, options.depthTest);
+    if (boundingMap) {
+        boundingMap.set('sprite', {
+            type: BoundingType.sphere,
+            radius: Math.pow(Math.pow(options.size.width, 2) + Math.pow(options.size.height, 2), 0.5) / 2,
+        });
+    }
+    return Mesh.create(engine, {
+        name: options.name || 'sprite',
+        geometry: geometry,
+        material: material,
+        priority: 3000,
+    });
+}
+/**
+ * 创建材质
+ * @internal
+ * @param color - 颜色
+ * @param depthTest
+ * @returns 纯色材质，无光照，无透明
+ */
+function createMaterial(engine, color, depthTest) {
+    var myColor = color ? color : [255, 255, 255];
+    var myDepthTest = depthTest ? depthTest : false;
+    var material = Material.create(engine, {
+        uniformValues: {
+            u_color: new Float32Array(myColor),
+            u_model: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
+        },
+        uniformSemantics: {
+            u_viewinverse: 'VIEWINVERSE',
+            u_v: 'VIEW',
+            u_p: 'PROJECTION',
+            u_et: 'EDITOR_TRANSFORM',
+        },
+        shader: {
+            fragment: "\n        precision mediump float;\n\n        uniform vec3 u_color;\n\n        void main(){\n          gl_FragColor = vec4(u_color,1.0);\n        }",
+            vertex: "\n        precision highp float;\n\n        attribute vec3 a_Position;\n\n        uniform mat4 u_model;\n        uniform mat4 effects_MatrixV;\n        uniform mat4 _MatrixP;\n        uniform vec4 uEditorTransform;\n\n        void main(){\n          gl_Position = _MatrixP * effects_MatrixV * u_model * vec4(a_Position,1.0);\n          gl_Position = vec4(gl_Position.xy * uEditorTransform.xy + uEditorTransform.zw * gl_Position.w,gl_Position.zw);\n        }",
+            shared: true,
+        },
+    });
+    material.setVector3('u_color', myColor);
+    material.setMatrix('u_model', [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+    material.depthTest = myDepthTest;
+    material.stencilTest = false;
+    material.blending = false;
+    material.depthMask = true;
+    return material;
+}
+/**
+ *
+ * @internal
+ * @param color
+ * @param depthTest
+ * @returns
+ */
+function createHideBackMaterial(engine, color, depthTest) {
+    var myColor = color ? color : [255, 255, 255];
+    var myDepthTest = depthTest ? depthTest : false;
+    var material = Material.create(engine, {
+        uniformValues: {
+            u_color: new Float32Array(myColor),
+            u_model: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
+            u_cameraPos: new Float32Array([0, 0, 0]),
+            u_center: new Float32Array([0, 0, 0]),
+        },
+        uniformSemantics: {
+            u_viewinverse: 'VIEWINVERSE',
+            u_v: 'VIEW',
+            u_p: 'PROJECTION',
+            u_et: 'EDITOR_TRANSFORM',
+        },
+        shader: {
+            fragment: "\n        precision mediump float;\n\n        uniform vec3 u_color;\n\n        varying float flag;\n\n        void main(){\n          if(flag > 0.0) {\n            discard;\n          }\n\n          gl_FragColor = vec4(u_color,1.0);\n        }",
+            vertex: "\n        precision highp float;\n\n        attribute vec3 a_Position;\n\n        uniform mat4 u_model;\n        uniform mat4 effects_MatrixV;\n        uniform mat4 _MatrixP;\n        uniform vec4 uEditorTransform;\n\n        uniform vec3 u_cameraPos;\n        uniform vec3 u_center;\n\n        varying float flag;\n        void main(){\n          float distance = length(u_cameraPos - u_center);\n          vec3 worldPosition = (u_model * vec4(a_Position,1.0)).xyz;\n          flag = length(u_cameraPos - worldPosition) - distance;\n          gl_Position = _MatrixP * effects_MatrixV * u_model * vec4(a_Position,1.0);\n          gl_Position = vec4(gl_Position.xy * uEditorTransform.xy + uEditorTransform.zw * gl_Position.w,gl_Position.zw);\n        }",
+            shared: true,
+        },
+    });
+    material.setVector3('u_color', myColor);
+    material.setMatrix('u_model', [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+    material.setVector3('u_cameraPos', [0, 0, 0]);
+    material.setVector3('u_center', [0, 0, 0]);
+    material.depthTest = myDepthTest;
+    material.stencilTest = false;
+    material.blending = false;
+    material.depthMask = true;
+    return material;
+}
+/**
+ *
+ * @internal
+ * @param color
+ * @param depthTest
+ * @param alpha
+ * @returns
+ */
+function createBlendMaterial(engine, color, depthTest, alpha) {
+    var myColor = color ? color : [255, 255, 255];
+    var myDepthTest = depthTest ? depthTest : false;
+    var myAlpha = alpha ? alpha : 1;
+    var material = Material.create(engine, {
+        uniformValues: {
+            u_color: new Float32Array(myColor),
+            u_alpha: new Float32Array([myAlpha, 0]),
+            u_model: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
+        },
+        uniformSemantics: {
+            u_viewinverse: 'VIEWINVERSE',
+            u_v: 'VIEW',
+            u_p: 'PROJECTION',
+            u_et: 'EDITOR_TRANSFORM',
+        },
+        shader: {
+            shared: true,
+            fragment: "\n        precision mediump float;\n\n        uniform vec3 u_color;\n        uniform vec2 u_alpha;\n\n        void main(){\n          gl_FragColor = vec4(u_color,u_alpha);\n        }",
+            vertex: "\n        precision highp float;\n\n        attribute vec3 a_Position;\n\n        uniform mat4 u_model;\n        uniform mat4 effects_MatrixV;\n        uniform mat4 _MatrixP;\n        uniform vec4 uEditorTransform;\n        void main(){\n          gl_Position = _MatrixP * effects_MatrixV * u_model * vec4(a_Position,1.0);\n          gl_Position = vec4(gl_Position.xy * uEditorTransform.xy + uEditorTransform.zw * gl_Position.w,gl_Position.zw);\n        }",
+        },
+    });
+    material.setVector3('u_color', myColor);
+    material.setVector2('u_alpha', [myAlpha, 0]);
+    material.setMatrix('u_model', [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+    material.depthTest = myDepthTest;
+    material.stencilTest = false;
+    material.blending = true;
+    material.blendEquation = [glContext.FUNC_ADD, glContext.FUNC_ADD];
+    material.blendFunction = [glContext.SRC_ALPHA, glContext.ONE_MINUS_SRC_ALPHA, glContext.SRC_ALPHA, glContext.ONE_MINUS_SRC_ALPHA];
+    material.depthMask = true;
+    return material;
+}
+function createSpriteMaterial(engine, data, depthTest) {
+    var myDepthTest = depthTest ? depthTest : false;
+    var uniformValues = {
+        u_model: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
+        u_alpha: new Float32Array([1, 0]),
+    };
+    var material = Material.create(engine, {
+        uniformValues: uniformValues,
+        uniformSemantics: {
+            u_viewinverse: 'VIEWINVERSE',
+            u_v: 'VIEW',
+            u_p: 'PROJECTION',
+            u_et: 'EDITOR_TRANSFORM',
+        },
+        shader: {
+            shared: true,
+            fragment: "\n        precision highp float;\n\n        uniform vec2 u_alpha;\n        uniform vec3 u_color;\n        uniform sampler2D u_iconTex;\n\n        varying vec2 v_uv;\n\n        void main(){\n          vec4 color = texture2D(u_iconTex, vec2(v_uv.x, 1.0 - v_uv.y));\n          if(color.a < 0.001)\n          {\n              discard;\n          }\n          gl_FragColor = vec4(color.xyz, color.w * u_alpha.x);\n        }",
+            vertex: "\n        precision highp float;\n\n        attribute vec3 a_Position;\n        attribute vec2 a_UV1;\n\n        uniform mat4 u_model;\n        uniform mat4 effects_MatrixV;\n        uniform mat4 _MatrixP;\n        uniform mat4 effects_MatrixInvV;\n        uniform vec4 uEditorTransform;\n        varying vec2 v_uv;\n\n        void main(){\n          v_uv = a_UV1;\n          vec4 pos = u_model * vec4(0., 0., 0., 1.0);\n         // vec4 pos = u_model * vec4(a_Position,1.0);\n\n          pos.xyz += effects_MatrixInvV[0].xyz * a_Position.x + effects_MatrixInvV[1].xyz * a_Position.y;\n          gl_Position = _MatrixP * effects_MatrixV * pos;\n          gl_Position = vec4(gl_Position.xy * uEditorTransform.xy + uEditorTransform.zw * gl_Position.w,gl_Position.zw);\n        }",
+        },
+    });
+    material.setMatrix('u_model', [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]);
+    material.setVector2('u_alpha', [1, 0]);
+    if (data instanceof Texture) {
+        material.setTexture('u_iconTex', data);
+        // uniformValues.u_iconTex = data;
+    }
+    else {
+        var color_1;
+        if (data === undefined) {
+            color_1 = [255, 255, 255];
+        }
+        else {
+            color_1 = data;
+        }
+        material.setVector3('u_color', color_1);
+        // uniformValues.u_color = new Float32Array(color);
+    }
+    material.depthTest = myDepthTest;
+    material.stencilTest = false;
+    material.blending = true;
+    material.blendEquation = [glContext.FUNC_ADD, glContext.FUNC_ADD];
+    material.blendFunction = [glContext.SRC_ALPHA, glContext.ONE_MINUS_SRC_ALPHA, glContext.SRC_ALPHA, glContext.ONE_MINUS_SRC_ALPHA];
+    return material;
+}
+/**
+ * 创建坐标轴包围盒
+ * @internal
+ * @param size 包围盒尺寸
+ * @param boundingMap 包围盒 Map
+ */
+function createAxisBounding(size, boundingMap) {
+    boundingMap.set('xAxis', {
+        type: BoundingType.line,
+        points: [[0, 0, 0], [size.length, 0, 0]],
+        width: size.width,
+    });
+    boundingMap.set('yAxis', {
+        type: BoundingType.line,
+        points: [[0, 0, 0], [0, size.length, 0]],
+        width: size.width,
+    });
+    boundingMap.set('zAxis', {
+        type: BoundingType.line,
+        points: [[0, 0, 0], [0, 0, size.length]],
+        width: size.width,
+    });
+}
+
+/**
+ * 线条包围盒射线检测算法
+ * @param out - 射线与包围盒交点位置
+ * @param pointInCanvas - 归一化的画布交互点坐标
+ * @param points - 线条包围盒两端点位置
+ * @param radius - 线条包围盒辐射半径
+ * @param camera - 相机对象
+ * @returns 射线与包围盒交点位置 | null
+ */
+function intersectRayLine(out, pointInCanvas, points, radius, worldMat4, camera) {
+    // 构造一个辐射半径边缘的点 radiusPoint
+    var radiusPoint = [0, 0, 0];
+    var up = [
+        worldMat4[1],
+        worldMat4[5],
+        worldMat4[9],
+    ];
+    vecMulScalar(radiusPoint, vecNormalize(up), radius);
+    vecAdd(radiusPoint, points[0], radiusPoint);
+    // 计算 start、end、radius 在屏幕空间上的投影
+    var mvpMat4 = camera.getModelViewProjection([], worldMat4);
+    var screenStart = [0, 0, 0];
+    var screenEnd = [0, 0, 0];
+    var screenRadiusPoint = [0, 0, 0];
+    vec3MulMat4(screenStart, points[0], mvpMat4);
+    vec3MulMat4(screenEnd, points[1], mvpMat4);
+    vec3MulMat4(screenRadiusPoint, radiusPoint, mvpMat4);
+    var screenRadiusVector = [0, 0, 0];
+    vecSub(screenRadiusVector, screenRadiusPoint, screenStart);
+    var screenRadius = Math.hypot.apply(Math, __spreadArray([], __read(screenRadiusVector), false));
+    // 计算屏幕交互点与线条的距离
+    var _a = distanceOfPointAndLine(pointInCanvas, [vec3ToVec2(screenStart), vec3ToVec2(screenEnd)]), distance = _a.distance, isInLine = _a.isInLine;
+    if (distance <= screenRadius && isInLine) { // 距离小于阈值且交互点在线条上的投影位于线段内
+        // 计算交互点在线条上的投影并转换为世界坐标
+        var screenPosition = projectionOfPointAndLine(pointInCanvas, [screenStart, screenEnd]);
+        var inverseViewProjection = camera.getInverseViewProjectionMatrix();
+        var worldPosition = [0, 0, 0];
+        vec3MulMat4(worldPosition, screenPosition, inverseViewProjection);
+        return worldPosition;
+    }
+    return null;
+}
+
+/**
+ * 下载图片
+ * @param imageUrl - 图片url
+ * @returns 图片对象
+ */
+function createImage(imageUrl) {
+    return __awaiter(this, void 0, void 0, function () {
+        var image;
+        return __generator(this, function (_a) {
+            image = new Image();
+            image.src = imageUrl;
+            return [2 /*return*/, new Promise(function (resolve, reject) {
+                    image.onload = function () {
+                        resolve(image);
+                    };
+                    image.onerror = reject;
+                })];
+        });
+    });
+}
+/**
+ * 创建 Texture 对象
+ * @param engine - engine 对象
+ * @param image - 图片对象
+ * @returns 纹理
+ */
+function createTexture(engine, image, hookDestroy) {
+    var texture = Texture.create(engine, { image: image });
+    if (hookDestroy) {
+        texture.dispose = noop;
+    }
+    return texture;
+}
+/**
+ * 移动到距离目标点指定距离的位置
+ * @param targetPos - 目标点
+ * @param currentPos - 当前点
+ * @returns 指定点
+ */
+function moveToPointWidthFixDistance(targetPos, currentPos) {
+    var vecCameraItem = [0, 0, 0];
+    vecSub(vecCameraItem, currentPos, targetPos);
+    var normalVecCameraItem = vecNormalize(vecCameraItem);
+    var newPos = [0, 0, 0];
+    var scalerVecCameraItem = [0, 0, 0];
+    vecMulScalar(scalerVecCameraItem, normalVecCameraItem, 20);
+    var vecScalerItem = [0, 0, 0];
+    var vecItemScaler = [0, 0, 0];
+    vecSub(vecScalerItem, vecCameraItem, scalerVecCameraItem);
+    vecMulScalar(vecItemScaler, vecScalerItem, -1);
+    vecAdd(newPos, currentPos, vecItemScaler);
+    return newPos;
+}
+
+var constants = glContext;
+/**
+ * 包围盒类型
+ */
+var BoundingType;
+(function (BoundingType) {
+    BoundingType[BoundingType["box"] = 0] = "box";
+    BoundingType[BoundingType["sphere"] = 1] = "sphere";
+    BoundingType[BoundingType["triangle"] = 2] = "triangle";
+    BoundingType[BoundingType["line"] = 3] = "line";
+})(BoundingType || (BoundingType = {}));
+/**
+ *
+ */
+var GizmoVFXItem = /** @class */ (function (_super) {
+    __extends(GizmoVFXItem, _super);
+    function GizmoVFXItem() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.boundingMap = new Map();
+        _this.mat = [];
+        return _this;
+    }
+    Object.defineProperty(GizmoVFXItem.prototype, "type", {
+        get: function () {
+            return GizmoVFXItemType;
+        },
+        set: function (t) {
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(GizmoVFXItem.prototype, "content", {
+        get: function () {
+            return this._content;
+        },
+        set: function (content) {
+        },
+        enumerable: false,
+        configurable: true
+    });
+    GizmoVFXItem.prototype.onConstructed = function (options) {
+        this.duration = 999;
+        var opt = options.content.options;
+        this.target = opt.target;
+        this.subType = opt.subType;
+        this.renderMode = opt.renderMode || this.getDefaultRenderMode();
+        this.size = opt.size || this.getDefaultSize();
+        this.depthTest = opt.depthTest;
+        var c = (opt.color || [255, 255, 255]);
+        this.color = [c[0] / 255, c[1] / 255, c[2] / 255];
+        if (options.content) {
+            this.transform = new Transform(options.content.transform);
+        }
+    };
+    /**
+     * 获取默认绘制模式
+     * @returns 绘制模式常量
+     */
+    GizmoVFXItem.prototype.getDefaultRenderMode = function () {
+        var result;
+        switch (this.subType) {
+            case GizmoSubType.particleEmitter:
+            case GizmoSubType.modelWireframe:
+            case GizmoSubType.frustum:
+            case GizmoSubType.directionLight:
+            case GizmoSubType.spotLight:
+            case GizmoSubType.pointLight:
+            case GizmoSubType.floorGrid:
+                result = constants.LINES;
+                break;
+            default:
+                result = constants.TRIANGLES;
+                break;
+        }
+        return result;
+    };
+    /**
+     * 获取默认尺寸
+     * @returns 几何体尺寸
+     */
+    GizmoVFXItem.prototype.getDefaultSize = function () {
+        var result = {};
+        switch (this.subType) {
+            case GizmoSubType.box:
+                result = { width: 1, height: 1, depth: 1 };
+                break;
+            case GizmoSubType.sphere:
+                result = { radius: 1 };
+                break;
+            case GizmoSubType.cylinder:
+                result = { radius: 1, height: 1 };
+                break;
+            case GizmoSubType.cone:
+                result = { radius: 1, height: 1 };
+                break;
+            default:
+                result = {};
+                break;
+        }
+        return result;
+    };
+    GizmoVFXItem.prototype.createModelContent = function (item, meshesToAdd) {
+        var _this = this;
+        var _a;
+        var ms = item.content.mriMeshs;
+        var engine = (_a = this.composition) === null || _a === void 0 ? void 0 : _a.renderer.engine;
+        assertExist(engine);
+        if (ms) {
+            this.targetItem = item;
+            ms.forEach(function (m) {
+                var mesh = _this.wireframeMesh = createModeWireframe(engine, m, _this.color);
+                meshesToAdd.push(mesh);
+            });
+        }
+    };
+    GizmoVFXItem.prototype.createParticleContent = function (item, meshesToAdd) {
+        var _a, _b;
+        var shape = (_a = item.particle) === null || _a === void 0 ? void 0 : _a.shape;
+        var engine = (_b = this.composition) === null || _b === void 0 ? void 0 : _b.renderer.engine;
+        assertExist(engine);
+        this.targetItem = item;
+        if (shape && shape.type) {
+            var mesh = this._content = createMeshFromShape(engine, shape, { color: this.color });
+            meshesToAdd.push(mesh);
+        }
+        // if (item.content?.particleMesh) {
+        //   const mesh = this.wireframeMesh = createParticleWireframe(engine, item.content.particleMesh.mesh, this.color);
+        //   meshesToAdd.push(mesh);
+        // }
+        if (item.type === spec.ItemType.sprite || item.type === spec.ItemType.filter) {
+            var color = this.color.slice();
+            var mesh = this.spriteMesh = item.createWireframeMesh(item.content, color);
+            this.wireframeMesh = mesh.mesh;
+            meshesToAdd.push(mesh.mesh);
+        }
+    };
+    /**
+     * 创建 BoundingBox 几何体模型
+     * @param item - VFXItem
+     * @param meshesToAdd - 插件缓存的 Mesh 数组
+     */
+    GizmoVFXItem.prototype.createBoundingBoxContent = function (item, meshesToAdd) {
+        var _a;
+        var shape = {
+            shape: 'Box',
+            width: this.size.width,
+            height: this.size.height,
+            depth: this.size.depth,
+            center: this.size.center,
+        };
+        var engine = (_a = this.composition) === null || _a === void 0 ? void 0 : _a.renderer.engine;
+        assertExist(engine);
+        this.targetItem = item;
+        if (shape) {
+            var mesh = this._content = createMeshFromShape(engine, shape, { color: this.color, depthTest: this.depthTest });
+            meshesToAdd.push(mesh);
+        }
+    };
+    /**
+     * 创建基础几何体模型
+     * @param item - VFXItem
+     * @param meshesToAdd - 插件缓存的 Mesh 数组
+     * @param subType - GizmoSubType 类型
+     */
+    GizmoVFXItem.prototype.createBasicContent = function (item, meshesToAdd, subType, iconTextures) {
+        var _a;
+        var options = {
+            size: this.size,
+            color: this.color,
+            renderMode: this.renderMode,
+            depthTest: this.depthTest,
+        };
+        var engine = (_a = this.composition) === null || _a === void 0 ? void 0 : _a.renderer.engine;
+        assertExist(engine);
+        var mesh = this._content = createMeshFromSubType(engine, subType, this.boundingMap, iconTextures, options);
+        this.targetItem = item;
+        meshesToAdd.push(mesh);
+    };
+    /**
+     * 创建组合几何体模型
+     * @param item - VFXItem
+     * @param meshesToAdd - 插件缓存的 Mesh 数组
+     * @param subType - GizmoSubType 类型
+     * @param iconTextures - XYZ 图标纹理（viewHelper 专用）
+     */
+    GizmoVFXItem.prototype.createCombinationContent = function (item, meshesToAdd, subType, iconTextures) {
+        var e_1, _a;
+        var _b;
+        var options = {
+            size: this.size,
+            renderMode: this.renderMode,
+        };
+        var engine = (_b = this.composition) === null || _b === void 0 ? void 0 : _b.renderer.engine;
+        assertExist(engine);
+        this.contents = createMeshFromSubType(engine, subType, this.boundingMap, iconTextures, options);
+        try {
+            for (var _c = __values(this.contents.keys()), _d = _c.next(); !_d.done; _d = _c.next()) {
+                var mesh = _d.value;
+                meshesToAdd.push(mesh);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        this.targetItem = item;
+    };
+    GizmoVFXItem.prototype.onItemUpdate = function () {
+    };
+    GizmoVFXItem.prototype.updateRenderData = function () {
+        var e_2, _a;
+        if (this.subType === GizmoSubType.particleEmitter) { // 粒子发射器
+            if (this.targetItem && this.content) {
+                this.mat = this.targetItem.transform.getWorldMatrix();
+                this.content.material.setMatrix('u_model', this.mat);
+            }
+            if (this.spriteMesh) {
+                this.spriteMesh.updateItem(this.targetItem.content);
+            }
+            else if (this.wireframeMesh && this.targetItem) {
+                var particle = this.targetItem.content;
+                if (particle) {
+                    updateWireframeMesh(particle.particleMesh.mesh, this.wireframeMesh, WireframeGeometryType.quad);
+                    this.wireframeMesh.worldMatrix = particle.particleMesh.mesh.worldMatrix;
+                }
+            }
+        }
+        else if (this.subType === GizmoSubType.modelWireframe) { // 模型线框
+            if (this.wireframeMesh && this.targetItem) {
+                var meshes = this.targetItem.content.mriMeshs;
+                var wireframeMesh_1 = this.wireframeMesh;
+                if ((meshes === null || meshes === void 0 ? void 0 : meshes.length) > 0) {
+                    meshes.forEach(function (mesh) { return updateWireframeMesh(mesh, wireframeMesh_1, WireframeGeometryType.triangle); });
+                }
+            }
+        }
+        else { // 几何体模型
+            if (this.targetItem) {
+                if (this.contents) { // 组合几何体
+                    // const targetTransform = this.targetItem.transform.clone();
+                    var worldPos = [0, 0, 0];
+                    var worldQuat = [0, 0, 0, 0];
+                    var worldSca = [1, 1, 1];
+                    this.targetItem.transform.assignWorldTRS(worldPos, worldQuat);
+                    var targetTransform = new Transform({
+                        position: worldPos,
+                        quat: worldQuat,
+                        scale: worldSca,
+                        valid: true,
+                    });
+                    // 移动\旋转\缩放gizmo去除近大远小
+                    if (this.subType === GizmoSubType.rotation || this.subType === GizmoSubType.scale || this.subType === GizmoSubType.translation) {
+                        var camera = this.composition.camera;
+                        var cameraPos = camera.position || [0, 0, 0];
+                        var itemPos = targetTransform.position;
+                        var newPos = moveToPointWidthFixDistance(cameraPos, itemPos);
+                        targetTransform.setPosition.apply(targetTransform, __spreadArray([], __read(newPos), false));
+                    }
+                    this.mat = targetTransform.getWorldMatrix();
+                    var center = targetTransform.position;
+                    try {
+                        for (var _b = __values(this.contents), _c = _b.next(); !_c.done; _c = _b.next()) {
+                            var _d = __read(_c.value, 2), mesh = _d[0], transform = _d[1];
+                            var worldMat4 = [];
+                            transform.parentTransform = targetTransform;
+                            var position = [0, 0, 0];
+                            transform.assignWorldTRS(position);
+                            // 物体和中心点在屏幕空间上投影的距离
+                            var distanceToCneter = 100;
+                            var theta = 1;
+                            if (this.subType === GizmoSubType.viewHelper) {
+                                // 正交投影只需要计算物体在XY平面上的投影与中心点的距离
+                                if (mesh.name === 'sprite') {
+                                    distanceToCneter = Math.pow(vecSquareDistance(vec3ToVec2(position), vec3ToVec2(center)), 0.5);
+                                    theta = this.boundingMap.get('posX').radius;
+                                }
+                                // 将物体挂到相机的transform上
+                                var fov = 30; // 指定fov角度
+                                var screenWidth = this.composition.renderer.getWidth();
+                                var screenHeight = this.composition.renderer.getHeight();
+                                var distance = 16; // 指定物体与相机的距离
+                                var width = 2 * Math.tan(fov * Math.PI / 360) * distance;
+                                var aspect = screenWidth / screenHeight;
+                                var height = width / aspect;
+                                var cameraModelMat4 = this.composition.camera.getInverseViewMatrix();
+                                var padding = this.size.padding || 1; // 指定viewHelper与屏幕右上角的边距
+                                var localMat = [];
+                                localMat = transform.getWorldMatrix();
+                                var worldTransform = new Transform({
+                                    valid: true,
+                                });
+                                worldTransform.cloneFromMatrix(localMat);
+                                worldTransform.setPosition((position[0] + width / 2) - padding, (position[1] + height / 2) - padding, position[2]);
+                                localMat = worldTransform.getWorldMatrix();
+                                worldMat4 = mat4MulMat4(cameraModelMat4, localMat);
+                                // 正交投影到屏幕上
+                                var proMat5 = computeOrthographicOffCenter(-width / 2, width / 2, -height / 2, height / 2, -distance, distance);
+                                mesh.material.setMatrix('_MatrixP', proMat5);
+                            }
+                            else {
+                                if (this.subType === GizmoSubType.rotation) {
+                                    var cameraPos = this.composition.camera.position || [0, 0, 0];
+                                    mesh.material.setVector3('u_cameraPos', cameraPos);
+                                    mesh.material.setVector3('u_center', center);
+                                }
+                                worldMat4 = transform.getWorldMatrix();
+                                // TODO 计算物体和中心点在屏幕空间上投影的距离 distanceToCneter
+                            }
+                            mesh.material.setMatrix('u_model', worldMat4);
+                            // 使用distanceToCneter处理坐标轴旋转到中心点附近时的遮挡问题
+                            if (distanceToCneter < theta) {
+                                if (distanceToCneter < theta * 0.5) {
+                                    mesh.material.setVector2('u_alpha', [0, 0]);
+                                }
+                                else {
+                                    mesh.material.setVector2('u_alpha', [(2 / theta) * distanceToCneter - 1, 0]);
+                                }
+                            }
+                        }
+                    }
+                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                    finally {
+                        try {
+                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                        }
+                        finally { if (e_2) throw e_2.error; }
+                    }
+                }
+                if (this.content) { // 基础几何体
+                    var worldPos = [0, 0, 0];
+                    var worldQuat = [0, 0, 0, 0];
+                    var worldSca = [1, 1, 1];
+                    this.targetItem.transform.assignWorldTRS(worldPos, worldQuat);
+                    var targetTransform = new Transform({
+                        position: worldPos,
+                        quat: worldQuat,
+                        scale: worldSca,
+                        valid: true,
+                    });
+                    if (this.subType === GizmoSubType.light || this.subType === GizmoSubType.camera) {
+                        var camera = this.composition.camera;
+                        var cameraPos = camera.position || [0, 0, 0];
+                        var itemPos = targetTransform.position;
+                        var newPos = moveToPointWidthFixDistance(cameraPos, itemPos);
+                        targetTransform.setPosition.apply(targetTransform, __spreadArray([], __read(newPos), false));
+                    }
+                    this.mat = targetTransform.getWorldMatrix();
+                    this.content.material.setMatrix('u_model', targetTransform.getWorldMatrix());
+                }
+            }
+        }
+    };
+    /**
+     * 射线检测算法
+     * @returns 包含射线检测算法回调方法的参数
+     */
+    GizmoVFXItem.prototype.getHitTestParams = function () {
+        var boundingMap = this.boundingMap;
+        if (boundingMap.size > 0) {
+            var boundingKeys_1 = boundingMap.keys();
+            var worldMat4_1 = [];
+            worldMat4_1 = this.transform.getWorldMatrix();
+            if (this.targetItem) {
+                //const targetTransform = this.targetItem.transform.clone();
+                var worldPos = [0, 0, 0];
+                var worldQuat = [0, 0, 0, 0];
+                var worldSca = [1, 1, 1];
+                this.targetItem.transform.assignWorldTRS(worldPos, worldQuat);
+                var targetTransform = new Transform({
+                    position: worldPos,
+                    quat: worldQuat,
+                    scale: worldSca,
+                    valid: true,
+                });
+                // 移动\旋转\缩放gizmo去除近大远小
+                if (this.subType === GizmoSubType.rotation ||
+                    this.subType === GizmoSubType.scale ||
+                    this.subType === GizmoSubType.translation ||
+                    this.subType === GizmoSubType.camera ||
+                    this.subType === GizmoSubType.light) {
+                    var camera = this.composition.camera;
+                    var cameraPos = camera.position || [0, 0, 0];
+                    var itemPos = targetTransform.position;
+                    var newPos = moveToPointWidthFixDistance(cameraPos, itemPos);
+                    targetTransform.setPosition.apply(targetTransform, __spreadArray([], __read(newPos), false));
+                    worldMat4_1 = targetTransform.getWorldMatrix();
+                }
+                else {
+                    worldMat4_1 = targetTransform.getWorldMatrix();
+                }
+            }
+            // eslint-disable-next-line @typescript-eslint/no-this-alias
+            var self_1 = this;
+            return {
+                type: HitTestType.custom,
+                /**
+                 * 自定义射线检测算法
+                 * @param ray 射线参数
+                 * @param pointInCanvas 屏幕坐标
+                 * @returns
+                 */
+                collect: function (ray, pointInCanvas) {
+                    var e_3, _a;
+                    var hitPositions = [];
+                    self_1.hitBounding = undefined;
+                    var _loop_1 = function (key) {
+                        var bounding = boundingMap.get(key);
+                        var center = [0, 0, 0];
+                        var worldCenter = [0, 0, 0];
+                        if ((bounding === null || bounding === void 0 ? void 0 : bounding.type) === BoundingType.box || (bounding === null || bounding === void 0 ? void 0 : bounding.type) === BoundingType.sphere) {
+                            center = (bounding === null || bounding === void 0 ? void 0 : bounding.center) ? bounding.center.slice() : [0, 0, 0];
+                            vec3MulMat4(worldCenter, center, worldMat4_1);
+                        }
+                        var position;
+                        switch (bounding === null || bounding === void 0 ? void 0 : bounding.type) {
+                            case BoundingType.box: // 立方体包围盒
+                                position = intersectRayBox([], ray.center, ray.direction, worldCenter, bounding === null || bounding === void 0 ? void 0 : bounding.size);
+                                break;
+                            case BoundingType.sphere: // 球体包围盒
+                                // viewHelper 使用了正交投影，使用屏幕投影点计算
+                                if (self_1.subType === GizmoSubType.viewHelper) {
+                                    // 计算正交投影矩阵
+                                    var viewMat4 = self_1.composition.camera.getViewMatrix();
+                                    var fov = 30; // 指定fov角度
+                                    var screenWidth = self_1.composition.renderer.getWidth();
+                                    var screenHeight = self_1.composition.renderer.getHeight();
+                                    var distance = 16; // 指定物体与相机的距离
+                                    var width = 2 * Math.tan(fov * Math.PI / 360) * distance;
+                                    var aspect = screenWidth / screenHeight;
+                                    var height = width / aspect;
+                                    var proMat4 = computeOrthographicOffCenter(-width / 2, width / 2, -height / 2, height / 2, -distance, distance);
+                                    // 将包围盒挂到相机的 transform 上
+                                    var cameraModelMat4 = self_1.composition.camera.getInverseViewMatrix();
+                                    var localTransform = new Transform({
+                                        valid: true,
+                                    });
+                                    var localMat4 = [];
+                                    localTransform.cloneFromMatrix(worldMat4_1);
+                                    var pos = localTransform.position;
+                                    var padding = self_1.size.padding || 1; // 指定viewHelper与屏幕右上角的边距
+                                    localTransform.setPosition((pos[0] + width / 2) - padding, (pos[1] + height / 2) - padding, pos[2]);
+                                    localMat4 = localTransform.getWorldMatrix();
+                                    var modelMat4 = mat4MulMat4(cameraModelMat4, localMat4);
+                                    vec3MulMat4(worldCenter, center, modelMat4);
+                                    // 包围球中心点正交投影到屏幕上
+                                    var screenCenter = [0, 0, 0, 0];
+                                    var vpMat4 = mat4MulMat4(proMat4, viewMat4);
+                                    var mvpMat4 = mat4MulMat4(vpMat4, modelMat4);
+                                    vec4MulMat4(screenCenter, __spreadArray(__spreadArray([], __read(center), false), [1.0], false), mvpMat4);
+                                    var screenCenterX = screenCenter[0] / screenCenter[3];
+                                    var screenCenterY = screenCenter[1] / screenCenter[3];
+                                    // 包围球上的点正交投影到屏幕上
+                                    var radius = bounding.radius;
+                                    var point = [0, 0, 0];
+                                    var up = [
+                                        localMat4[1],
+                                        localMat4[5],
+                                        localMat4[9],
+                                    ];
+                                    vecMulScalar(point, vecNormalize(up), radius);
+                                    vecAdd(point, center, point);
+                                    var screenPoint = [0, 0, 0, 0];
+                                    vec4MulMat4(screenPoint, __spreadArray(__spreadArray([], __read(point), false), [1.0], false), mvpMat4);
+                                    var screenPointX = screenPoint[0] / screenPoint[3];
+                                    var screenPointY = screenPoint[1] / screenPoint[3];
+                                    // 计算正交投影到屏幕上的包围球的半径
+                                    var vecRadius = [0, 0];
+                                    vecSub(vecRadius, [screenCenterX, screenCenterY], [screenPointX, screenPointY]);
+                                    var screenRadius = Math.hypot.apply(Math, __spreadArray([], __read(vecRadius), false));
+                                    if (Math.pow(vecSquareDistance(pointInCanvas, [screenCenterX, screenCenterY]), 0.5) < screenRadius * 1.2) {
+                                        position = worldCenter;
+                                    }
+                                }
+                                else {
+                                    position = intersectRaySphere([], ray.center, ray.direction, worldCenter, bounding === null || bounding === void 0 ? void 0 : bounding.radius);
+                                }
+                                break;
+                            case BoundingType.triangle: { // 三角数组包围盒
+                                var triangles = bounding.triangles, backfaceCulling = bounding.backfaceCulling;
+                                var tmpPositions = [];
+                                var tmpPosition = void 0;
+                                for (var j = 0; j < triangles.length; j++) {
+                                    var triangle = triangles[j];
+                                    var worldTriangle = [[0, 0, 0], [0, 0, 0], [0, 0, 0]];
+                                    // 坐标转换为世界坐标
+                                    for (var i = 0; i < 3; i++) {
+                                        var worldPosition = [0, 0, 0];
+                                        vec3MulMat4(worldPosition, triangle[i], worldMat4_1);
+                                        worldTriangle[i] = worldPosition;
+                                    }
+                                    tmpPosition = intersectRayTriangle([], ray.center, ray.direction, worldTriangle, backfaceCulling);
+                                    if (tmpPosition) {
+                                        tmpPositions.push(tmpPosition);
+                                    }
+                                }
+                                // 仅保存距离相机最近的点
+                                if (tmpPositions.length > 0) {
+                                    var lastDistance_1;
+                                    tmpPositions.forEach(function (item) {
+                                        var distance = vecSquareDistance(ray.center, item);
+                                        if (!lastDistance_1 || distance < lastDistance_1) {
+                                            lastDistance_1 = distance;
+                                            position = item;
+                                        }
+                                    });
+                                }
+                                break;
+                            }
+                            case BoundingType.line: { // 线条包围盒，将线条转换到屏幕空间，计算线条与屏幕交互点的距离，小于阈值判定为点中
+                                var points = bounding.points, width = bounding.width;
+                                position = intersectRayLine([], pointInCanvas, points, width / 2, worldMat4_1, self_1.composition.camera);
+                                break;
+                            }
+                        }
+                        if (position) {
+                            hitPositions.push(position);
+                            //  缓存距离相机最近的 BoundingKey
+                            if (self_1.hitBounding) {
+                                var distance = vecSquareDistance(ray.center, position);
+                                var lastDistance = vecSquareDistance(ray.center, self_1.hitBounding.position);
+                                if (distance < lastDistance) {
+                                    self_1.hitBounding.key = key;
+                                    self_1.hitBounding.position = position;
+                                }
+                            }
+                            else {
+                                self_1.hitBounding = {
+                                    key: key,
+                                    position: position,
+                                };
+                            }
+                        }
+                    };
+                    try {
+                        for (var boundingKeys_2 = __values(boundingKeys_1), boundingKeys_2_1 = boundingKeys_2.next(); !boundingKeys_2_1.done; boundingKeys_2_1 = boundingKeys_2.next()) {
+                            var key = boundingKeys_2_1.value;
+                            _loop_1(key);
+                        }
+                    }
+                    catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                    finally {
+                        try {
+                            if (boundingKeys_2_1 && !boundingKeys_2_1.done && (_a = boundingKeys_2.return)) _a.call(boundingKeys_2);
+                        }
+                        finally { if (e_3) throw e_3.error; }
+                    }
+                    if (hitPositions.length === 0) {
+                        self_1.hitBounding = undefined;
+                    }
+                    return hitPositions;
+                },
+                behavior: spec.InteractBehavior.NOTIFY,
+            };
+        }
+    };
+    return GizmoVFXItem;
+}(VFXItem));
+
+var editorRenderPassName = 'editor-gizmo';
+var frontRenderPassName = 'front-gizmo';
+var behindRenderPassName = 'behind-gizmo';
+var iconImages = new Map();
+var iconTextures = new Map();
+var EditorGizmoPlugin = /** @class */ (function (_super) {
+    __extends(EditorGizmoPlugin, _super);
+    function EditorGizmoPlugin() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.meshToAdd = [];
+        _this.meshToRemove = [];
+        _this.order = 1001;
+        return _this;
+    }
+    EditorGizmoPlugin.prepareResource = function (scene) {
+        return __awaiter(this, void 0, void 0, function () {
+            var axisIconMap_1, axisIconMap_1_1, _a, name_1, data, _b, _c, _d, e_1_1;
+            var e_1, _e;
+            return __generator(this, function (_f) {
+                switch (_f.label) {
+                    case 0:
+                        if (!(iconImages.size !== axisIconMap.size)) return [3 /*break*/, 8];
+                        _f.label = 1;
+                    case 1:
+                        _f.trys.push([1, 6, 7, 8]);
+                        axisIconMap_1 = __values(axisIconMap), axisIconMap_1_1 = axisIconMap_1.next();
+                        _f.label = 2;
+                    case 2:
+                        if (!!axisIconMap_1_1.done) return [3 /*break*/, 5];
+                        _a = __read(axisIconMap_1_1.value, 2), name_1 = _a[0], data = _a[1];
+                        _c = (_b = iconImages).set;
+                        _d = [name_1];
+                        return [4 /*yield*/, createImage(data)];
+                    case 3:
+                        _c.apply(_b, _d.concat([_f.sent()]));
+                        _f.label = 4;
+                    case 4:
+                        axisIconMap_1_1 = axisIconMap_1.next();
+                        return [3 /*break*/, 2];
+                    case 5: return [3 /*break*/, 8];
+                    case 6:
+                        e_1_1 = _f.sent();
+                        e_1 = { error: e_1_1 };
+                        return [3 /*break*/, 8];
+                    case 7:
+                        try {
+                            if (axisIconMap_1_1 && !axisIconMap_1_1.done && (_e = axisIconMap_1.return)) _e.call(axisIconMap_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                        return [7 /*endfinally*/];
+                    case 8: return [2 /*return*/, true];
+                }
+            });
+        });
+    };
+    EditorGizmoPlugin.onPlayerDestroy = function () {
+        iconTextures.clear();
+    };
+    EditorGizmoPlugin.prototype.onCompositionConstructed = function (composition, scene) {
+        var engine = composition.renderer.engine;
+        iconImages.forEach(function (image, name) {
+            iconTextures.set(name, createTexture(engine, image));
+        });
+        iconImages.clear();
+    };
+    EditorGizmoPlugin.prototype.onCompositionReset = function (composition) {
+        var items = composition.items;
+        var targetMap = {};
+        for (var i = 0; i < items.length; i++) {
+            var item = items[i];
+            if (item instanceof GizmoVFXItem) {
+                if (!targetMap[item.target]) {
+                    targetMap[item.target] = [];
+                }
+                targetMap[item.target].push(item);
+            }
+        }
+        composition.loaderData.gizmoTarget = targetMap;
+        composition.loaderData.gizmoItems = [];
+    };
+    EditorGizmoPlugin.prototype.onCompositionItemLifeBegin = function (composition, item) {
+        var e_2, _a;
+        if (item.type === '7') {
+            return;
+        }
+        var gizmoVFXItemList = composition.loaderData.gizmoTarget[item.id];
+        if (gizmoVFXItemList && gizmoVFXItemList.length > 0) {
+            try {
+                for (var gizmoVFXItemList_1 = __values(gizmoVFXItemList), gizmoVFXItemList_1_1 = gizmoVFXItemList_1.next(); !gizmoVFXItemList_1_1.done; gizmoVFXItemList_1_1 = gizmoVFXItemList_1.next()) {
+                    var gizmoVFXItem = gizmoVFXItemList_1_1.value;
+                    switch (gizmoVFXItem.subType) {
+                        case GizmoSubType.particleEmitter:
+                            gizmoVFXItem.createParticleContent(item, this.meshToAdd);
+                            break;
+                        case GizmoSubType.modelWireframe:
+                            gizmoVFXItem.createModelContent(item, this.meshToAdd);
+                            break;
+                        case GizmoSubType.box:
+                        case GizmoSubType.sphere:
+                        case GizmoSubType.cylinder:
+                        case GizmoSubType.cone:
+                        case GizmoSubType.torus:
+                        case GizmoSubType.sprite:
+                        case GizmoSubType.frustum:
+                        case GizmoSubType.directionLight:
+                        case GizmoSubType.pointLight:
+                        case GizmoSubType.spotLight:
+                        case GizmoSubType.floorGrid:
+                            gizmoVFXItem.createBasicContent(item, this.meshToAdd, gizmoVFXItem.subType);
+                            break;
+                        case GizmoSubType.camera:
+                        case GizmoSubType.light:
+                            gizmoVFXItem.createBasicContent(item, this.meshToAdd, gizmoVFXItem.subType, iconTextures);
+                            break;
+                        case GizmoSubType.rotation:
+                        case GizmoSubType.scale:
+                        case GizmoSubType.translation:
+                            gizmoVFXItem.createCombinationContent(item, this.meshToAdd, gizmoVFXItem.subType);
+                            break;
+                        case GizmoSubType.viewHelper:
+                            gizmoVFXItem.createCombinationContent(item, this.meshToAdd, gizmoVFXItem.subType, iconTextures);
+                            break;
+                        case GizmoSubType.boundingBox:
+                            gizmoVFXItem.createBoundingBoxContent(item, this.meshToAdd);
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            }
+            catch (e_2_1) { e_2 = { error: e_2_1 }; }
+            finally {
+                try {
+                    if (gizmoVFXItemList_1_1 && !gizmoVFXItemList_1_1.done && (_a = gizmoVFXItemList_1.return)) _a.call(gizmoVFXItemList_1);
+                }
+                finally { if (e_2) throw e_2.error; }
+            }
+        }
+        if (item.type === GizmoVFXItemType) {
+            composition.loaderData.gizmoItems.push(item);
+        }
+    };
+    EditorGizmoPlugin.prototype.onCompositionItemRemoved = function (composition, item) {
+        var _this = this;
+        if (item.type === GizmoVFXItemType) {
+            this.removeGizmoItem(composition, item);
+        }
+        else {
+            var gizmoVFXItemList = composition.loaderData.gizmoTarget[item.id];
+            if (gizmoVFXItemList && gizmoVFXItemList.length > 0) {
+                gizmoVFXItemList.forEach(function (gizmoVFXItem) {
+                    _this.removeGizmoItem(composition, gizmoVFXItem);
+                });
+            }
+        }
+    };
+    EditorGizmoPlugin.prototype.removeGizmoItem = function (composition, gizmoVFXItem) {
+        var e_3, _a;
+        if (gizmoVFXItem.content && !gizmoVFXItem.content.isDestroyed) {
+            gizmoVFXItem.content.dispose();
+            if (gizmoVFXItem.content.name === GeometryType.FloorGrid.toString() || gizmoVFXItem.content.name === 'Box') {
+                this.getFrontRenderPass(composition.renderFrame).removeMesh(gizmoVFXItem.content);
+            }
+            else {
+                this.getEditorRenderPass(composition.renderFrame).removeMesh(gizmoVFXItem.content);
+            }
+        }
+        if (gizmoVFXItem.contents) {
+            try {
+                for (var _b = __values(gizmoVFXItem.contents), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var _d = __read(_c.value, 1), mesh = _d[0];
+                    if (!mesh.isDestroyed) {
+                        mesh.dispose();
+                        if (mesh.name === 'translation' || mesh.name === 'scale' || mesh.name === 'rotation') {
+                            this.getBehindRenderPass(composition.renderFrame).removeMesh(mesh);
+                        }
+                        else {
+                            this.getEditorRenderPass(composition.renderFrame).removeMesh(mesh);
+                        }
+                    }
+                }
+            }
+            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_3) throw e_3.error; }
+            }
+        }
+        var wireframeMesh = gizmoVFXItem.wireframeMesh;
+        if (wireframeMesh && !wireframeMesh.isDestroyed) {
+            destroyWireframeMesh(wireframeMesh);
+            this.getEditorRenderPass(composition.renderFrame).removeMesh(wireframeMesh);
+        }
+        var arr = composition.loaderData.gizmoItems;
+        var index = arr.indexOf(gizmoVFXItem);
+        if (index > -1) {
+            arr.splice(index, 1);
+        }
+    };
+    EditorGizmoPlugin.prototype.prepareRenderFrame = function (composition, renderFrame) {
+        var _this = this;
+        this.meshToAdd.forEach(function (mesh) {
+            if (mesh.name === GeometryType.FloorGrid.toString() || mesh.name === 'Box') {
+                _this.getFrontRenderPass(renderFrame).addMesh(mesh);
+            }
+            else if (mesh.name === 'translation' || mesh.name === 'scale' || mesh.name === 'rotation') {
+                _this.getBehindRenderPass(renderFrame).addMesh(mesh);
+            }
+            else {
+                _this.getEditorRenderPass(renderFrame).addMesh(mesh);
+            }
+        });
+        this.meshToRemove.forEach(function (mesh) {
+            if (mesh.name === GeometryType.FloorGrid.toString() || mesh.name === 'Box') {
+                _this.getFrontRenderPass(renderFrame).removeMesh(mesh);
+            }
+            else if (mesh.name === 'translation' || mesh.name === 'scale' || mesh.name === 'rotation') {
+                _this.getBehindRenderPass(renderFrame).removeMesh(mesh);
+            }
+            else {
+                _this.getEditorRenderPass(renderFrame).removeMesh(mesh);
+            }
+        });
+        this.meshToAdd.length = this.meshToRemove.length = 0;
+        composition.loaderData.gizmoItems.forEach(function (item) { return item.updateRenderData(); });
+        return false;
+    };
+    EditorGizmoPlugin.prototype.getBehindRenderPass = function (pipeline) {
+        var rp = pipeline.renderPasses.find(function (renderPass) { return renderPass.name === behindRenderPassName; });
+        if (!rp) {
+            rp = new RenderPass(pipeline.renderer, {
+                name: behindRenderPassName,
+                priority: RenderPassPriorityPostprocess + RenderPassPriorityPostprocess,
+                clearAction: {
+                    depthAction: TextureLoadAction.clear,
+                },
+            });
+            pipeline.addRenderPass(rp);
+        }
+        return rp;
+    };
+    EditorGizmoPlugin.prototype.getEditorRenderPass = function (pipeline) {
+        var rp = pipeline.renderPasses.find(function (renderPass) { return renderPass.name === editorRenderPassName; });
+        if (!rp) {
+            rp = new RenderPass(pipeline.renderer, {
+                name: editorRenderPassName,
+                priority: RenderPassPriorityPostprocess + 2,
+            });
+            pipeline.addRenderPass(rp);
+        }
+        return rp;
+    };
+    EditorGizmoPlugin.prototype.getFrontRenderPass = function (pipeline) {
+        var rp = pipeline.renderPasses.find(function (renderPass) { return renderPass.name === frontRenderPassName; });
+        if (!rp) {
+            rp = new RenderPass(pipeline.renderer, {
+                name: frontRenderPassName,
+                priority: RenderPassPriorityPrepare + 2,
+            });
+            pipeline.addRenderPass(rp);
+        }
+        return rp;
+    };
+    return EditorGizmoPlugin;
+}(AbstractPlugin));
+
+var version = "0.0.1-alpha.0";
+console.info('[Galacean Effects Plugin Editor Gizmo] version: ' + version);
+registerPlugin('editor-gizmo', EditorGizmoPlugin, GizmoVFXItem);
+
+export { DirectionLightData, GeometryType, GizmoSubType, GizmoVFXItem, createGeometry, version };
+//# sourceMappingURL=index.mjs.map