@galacean/effects-plugin-editor-gizmo 1.0.0 → 1.1.0-alpha.0

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: Galacean Effects player editor gizmo plugin
  * Author: Ant Group CO., Ltd.
  * Contributors: 茂安,旻诺
- * Version: v1.0.0
+ * Version: v1.1.0-alpha.0
  */
 
 'use strict';
@@ -165,6 +165,7 @@ exports.GizmoSubType = void 0;
     GizmoSubType[GizmoSubType["floorGrid"] = 21] = "floorGrid";
 })(exports.GizmoSubType || (exports.GizmoSubType = {}));
 
+var Vector4 = effects.math.Vector4;
 var WireframeGeometryType;
 (function (WireframeGeometryType) {
     WireframeGeometryType[WireframeGeometryType["triangle"] = 0] = "triangle";
@@ -237,7 +238,7 @@ function createModeWireframe(engine, mesh, color) {
     };
     var material = effects.Material.create(engine, materialOptions);
     material.depthTest = mesh.material.depthTest;
-    material.setVector4('uPreviewColor', [color[0], color[1], color[2], 1]);
+    material.setVector4('uPreviewColor', new Vector4(color[0], color[1], color[2], 1));
     return updateWireframeMesh(mesh, effects.Mesh.create(engine, {
         geometry: geometry,
         material: material,
@@ -335,225 +336,13 @@ function createGizmoShader(marcos, shader, shaderType, level) {
     return effects.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 Euler$1 = effects.math.Euler, Vector3$7 = effects.math.Vector3, Matrix4$5 = effects.math.Matrix4;
 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 rotMat4 = Euler$1.fromArray(rotate).negate().toMatrix4(new Matrix4$5());
     var points = [];
     var indices = [];
     addPoint(radius, 0);
@@ -568,23 +357,26 @@ function arcPath(radius, arc, options) {
         indices: indices,
     };
     function addPoint(cos, sin) {
-        var point;
+        var point = new Vector3$7();
         if (plane === 'xz') {
-            point = [cos, 0, sin];
+            point.set(cos, 0, sin);
         }
         else if (plane === 'yz') {
-            point = [0, cos, sin];
+            point.set(0, cos, sin);
         }
         else {
-            point = [cos, sin, 0];
+            point.set(cos, sin, 0);
         }
-        point = vec3MulMat3(point, point, rotation);
-        points.push(vecAdd(point, point, translate));
+        rotMat4.transformNormal(point);
+        points.push(point.add(translate));
     }
 }
 function line(p0, p1) {
     return {
-        points: [p0, p1],
+        points: [
+            Vector3$7.fromArray(p0),
+            Vector3$7.fromArray(p1),
+        ],
         indices: [0, 1],
     };
 }
@@ -597,7 +389,7 @@ function box(width, height, depth, center) {
         [-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 new Vector3$7(item[0] + myCenter[0], item[1] + myCenter[1], item[2] + myCenter[2]);
     });
     return {
         points: points,
@@ -611,12 +403,15 @@ function box(width, height, depth, center) {
 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]];
+    var points = [
+        new Vector3$7(-w, h, 0),
+        new Vector3$7(w, h, 0),
+        new Vector3$7(w, -h, 0),
+        new Vector3$7(-w, -h, 0),
+    ];
     if (pos) {
         points.forEach(function (vec) {
-            vec[0] += pos[0];
-            vec[1] += pos[1];
-            vec[2] += pos[2];
+            vec.add(pos);
         });
     }
     return {
@@ -633,7 +428,7 @@ function combineGeometries(geometries) {
         var geometry = geometries[i];
         if (geometry) {
             geometry.points.forEach(function (point) {
-                points.push(point[0], point[1], point[2]);
+                points.push(point.x, point.y, point.z);
             });
             geometry.indices.forEach(function (index) { return indices.push(index + indicesBase); });
             indicesBase += geometry.points.length;
@@ -801,8 +596,8 @@ function createMesh(engine, points, indices, color, depthTest, name) {
             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.setVector3('u_color', Vector3$7.fromArray(color));
+    material.setMatrix('u_model', Matrix4$5.IDENTITY);
     material.depthTest = depthTest;
     material.stencilTest = false;
     material.blending = false;
@@ -901,6 +696,7 @@ var GeometryData = /** @class */ (function () {
     return GeometryData;
 }());
 
+var Vector3$6 = effects.math.Vector3;
 /**
  *
  */
@@ -950,8 +746,8 @@ var SphereGeometryData = /** @class */ (function (_super) {
                 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));
+                var normal = new Vector3$6(x, y, z).normalize();
+                (_a = _this.normals).push.apply(_a, __spreadArray([], __read(normal.toArray()), false));
                 // uv
                 _this.uvs.push(u + uOffset, 1 - v);
                 verticesRow.push(index++);
@@ -1039,6 +835,7 @@ var BoxGeometryData = /** @class */ (function (_super) {
     return BoxGeometryData;
 }(GeometryData));
 
+var Vector3$5 = effects.math.Vector3;
 /**
  *
  */
@@ -1095,8 +892,8 @@ var CylinderGeometryData = /** @class */ (function (_super) {
                     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));
+                    var normal = new Vector3$5(sinTheta, slope, cosTheta).normalize();
+                    normals.push.apply(normals, __spreadArray([], __read(normal.toArray()), false));
                     uvs.push(u, 1 - v);
                     indexRow.push(index++);
                 }
@@ -1183,6 +980,7 @@ var ConeGeometryData = /** @class */ (function (_super) {
     return ConeGeometryData;
 }(CylinderGeometryData));
 
+var Vector3$4 = effects.math.Vector3;
 /**
  *
  */
@@ -1216,8 +1014,10 @@ var TorusGeometryData = /** @class */ (function (_super) {
                 _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));
+                var p = new Vector3$4(px, py, pz);
+                var c = new Vector3$4(cx, cy, 0);
+                var normal = p.subtract(c).normalize();
+                (_a = _this.normals).push.apply(_a, __spreadArray([], __read(normal.toArray()), false));
                 _this.uvs.push(i / tubularSegments);
                 _this.uvs.push(j / radialSegments);
             }
@@ -1288,6 +1088,7 @@ var PlaneGeometryData = /** @class */ (function (_super) {
     return PlaneGeometryData;
 }(GeometryData));
 
+var Euler = effects.math.Euler, Vector3$3 = effects.math.Vector3, Matrix4$4 = effects.math.Matrix4;
 /**
  *
  */
@@ -1309,16 +1110,16 @@ var FrustumGeometryData = /** @class */ (function (_super) {
         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));
+        var point1 = new Vector3$3(halfX, halfY, far);
+        var point2 = new Vector3$3(-halfX, halfY, far);
+        var point3 = new Vector3$3(-halfX, -halfY, far);
+        var point4 = new Vector3$3(halfX, -halfY, far);
+        var matrix = Euler.fromArray(rotation).toMatrix4(new Matrix4$4());
+        var result1 = matrix.transformPoint(point1).add(position);
+        var result2 = matrix.transformPoint(point2).add(position);
+        var result3 = matrix.transformPoint(point3).add(position);
+        var result4 = matrix.transformPoint(point4).add(position);
+        (_a = _this.points).push.apply(_a, __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], __read(position), false), __read(result1.toArray()), false), __read(result2.toArray()), false), __read(result3.toArray()), false), __read(result4.toArray()), false));
         _this.indices.push(0, 1, 0, 2, 0, 3, 0, 4, 1, 2, 2, 3, 3, 4, 4, 1);
         return _this;
     }
@@ -1588,6 +1389,7 @@ axisIconMap.set('negX', "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABmC
 axisIconMap.set('negY', "data:image/png;base64,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\n  5ErkJggg==");
 axisIconMap.set('negZ', "data:image/png;base64,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");
 
+var Vector2$2 = effects.math.Vector2, Vector3$2 = effects.math.Vector3, Matrix4$3 = effects.math.Matrix4;
 /**
  * 根据 gizmoSubType 类型创建几何体 Mesh
  * @param subType - gizmoSubType 类型
@@ -1736,15 +1538,19 @@ function getTriangle(geometry, transform) {
     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;
-        });
+        for (var i = 0; i < indices.length; i += 3) {
+            var i0 = indices[i] * 3;
+            var i1 = indices[i + 1] * 3;
+            var i2 = indices[i + 2] * 3;
+            var p0 = new Vector3$2(points[i0], points[i0 + 1], points[i0 + 2]);
+            var p1 = new Vector3$2(points[i1], points[i1 + 1], points[i1 + 2]);
+            var p2 = new Vector3$2(points[i2], points[i2 + 1], points[i2 + 2]);
+            result.push({
+                p0: mat4.projectPoint(p0),
+                p1: mat4.projectPoint(p1),
+                p2: mat4.projectPoint(p2),
+            });
+        }
     }
     return result;
 }
@@ -1969,7 +1775,7 @@ function createScaleMesh(engine, options, boundingMap) {
     createAxisBounding({ width: boxSize.width * 1.2, length: axisSize.width + boxSize.width / 2 }, boundingMap);
     boundingMap.set('center', {
         type: BoundingType.sphere,
-        center: [0, 0, 0],
+        center: new Vector3$2(),
         radius: Math.pow(Math.pow(centerBoxSize.width, 2) + Math.pow(centerBoxSize.height, 2) + Math.pow(centerBoxSize.depth, 2), 0.5) / 2,
     });
     return result;
@@ -2235,11 +2041,11 @@ function createSpriteMesh(engine, options, texture, boundingMap) {
  * @returns 纯色材质，无光照，无透明
  */
 function createMaterial(engine, color, depthTest) {
-    var myColor = color ? color : [255, 255, 255];
+    var myColor = color ? Vector3$2.fromArray(color) : new Vector3$2(255, 255, 255);
     var myDepthTest = depthTest ? depthTest : false;
     var material = effects.Material.create(engine, {
         uniformValues: {
-            u_color: new Float32Array(myColor),
+            u_color: new Float32Array(myColor.toArray()),
             u_model: new Float32Array([1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1]),
         },
         uniformSemantics: {
@@ -2255,7 +2061,7 @@ function createMaterial(engine, color, depthTest) {
         },
     });
     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.setMatrix('u_model', Matrix4$3.IDENTITY);
     material.depthTest = myDepthTest;
     material.stencilTest = false;
     material.blending = false;
@@ -2270,11 +2076,11 @@ function createMaterial(engine, color, depthTest) {
  * @returns
  */
 function createHideBackMaterial(engine, color, depthTest) {
-    var myColor = color ? color : [255, 255, 255];
+    var myColor = color ? Vector3$2.fromArray(color) : new Vector3$2(255, 255, 255);
     var myDepthTest = depthTest ? depthTest : false;
     var material = effects.Material.create(engine, {
         uniformValues: {
-            u_color: new Float32Array(myColor),
+            u_color: new Float32Array(myColor.toArray()),
             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]),
@@ -2292,9 +2098,9 @@ function createHideBackMaterial(engine, color, depthTest) {
         },
     });
     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.setMatrix('u_model', Matrix4$3.IDENTITY);
+    material.setVector3('u_cameraPos', Vector3$2.ZERO);
+    material.setVector3('u_center', Vector3$2.ZERO);
     material.depthTest = myDepthTest;
     material.stencilTest = false;
     material.blending = false;
@@ -2310,12 +2116,12 @@ function createHideBackMaterial(engine, color, depthTest) {
  * @returns
  */
 function createBlendMaterial(engine, color, depthTest, alpha) {
-    var myColor = color ? color : [255, 255, 255];
+    var myColor = color ? Vector3$2.fromArray(color) : new Vector3$2(255, 255, 255);
     var myDepthTest = depthTest ? depthTest : false;
     var myAlpha = alpha ? alpha : 1;
     var material = effects.Material.create(engine, {
         uniformValues: {
-            u_color: new Float32Array(myColor),
+            u_color: new Float32Array(myColor.toArray()),
             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]),
         },
@@ -2332,8 +2138,8 @@ function createBlendMaterial(engine, color, depthTest, alpha) {
         },
     });
     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.setVector2('u_alpha', new Vector2$2(myAlpha, 0));
+    material.setMatrix('u_model', Matrix4$3.IDENTITY);
     material.depthTest = myDepthTest;
     material.stencilTest = false;
     material.blending = true;
@@ -2362,8 +2168,8 @@ function createSpriteMaterial(engine, data, depthTest) {
             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]);
+    material.setMatrix('u_model', Matrix4$3.IDENTITY);
+    material.setVector2('u_alpha', new Vector2$2(1, 0));
     if (data instanceof effects.Texture) {
         material.setTexture('u_iconTex', data);
         // uniformValues.u_iconTex = data;
@@ -2371,10 +2177,10 @@ function createSpriteMaterial(engine, data, depthTest) {
     else {
         var color_1;
         if (data === undefined) {
-            color_1 = [255, 255, 255];
+            color_1 = new Vector3$2(255, 255, 255);
         }
         else {
-            color_1 = data;
+            color_1 = Vector3$2.fromArray(data);
         }
         material.setVector3('u_color', color_1);
         // uniformValues.u_color = new Float32Array(color);
@@ -2395,21 +2201,95 @@ function createSpriteMaterial(engine, data, depthTest) {
 function createAxisBounding(size, boundingMap) {
     boundingMap.set('xAxis', {
         type: BoundingType.line,
-        points: [[0, 0, 0], [size.length, 0, 0]],
+        points: [new Vector3$2(0, 0, 0), new Vector3$2(size.length, 0, 0)],
         width: size.width,
     });
     boundingMap.set('yAxis', {
         type: BoundingType.line,
-        points: [[0, 0, 0], [0, size.length, 0]],
+        points: [new Vector3$2(0, 0, 0), new Vector3$2(0, size.length, 0)],
         width: size.width,
     });
     boundingMap.set('zAxis', {
         type: BoundingType.line,
-        points: [[0, 0, 0], [0, 0, size.length]],
+        points: [new Vector3$2(0, 0, 0), new Vector3$2(0, 0, size.length)],
         width: size.width,
     });
 }
 
+var Matrix4$2 = effects.math.Matrix4, Vector2$1 = effects.math.Vector2;
+function distanceOfPointAndLine(point, line) {
+    //三角形三个边长
+    var AC = new Vector2$1();
+    var BC = new Vector2$1();
+    var AB = new Vector2$1();
+    AC.subtractVectors(point, line[0]);
+    BC.subtractVectors(point, line[1]);
+    AB.subtractVectors(line[1], line[0]);
+    var lengthAC = AC.length();
+    var lengthBC = BC.length();
+    var lengthAB = AB.length();
+    //利用海伦公式计算三角形面积
+    //周长的一半
+    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 = new Vector2$1();
+    var BC = new Vector2$1();
+    var AB = new Vector2$1();
+    var line0 = line[0].toVector2();
+    var line1 = line[1].toVector2();
+    AC.subtractVectors(point, line0);
+    BC.subtractVectors(point, line1);
+    AB.subtractVectors(line1, line0);
+    var lengthAC = AC.length();
+    var lengthBC = BC.length();
+    var lengthAB = AB.length();
+    //利用海伦公式计算三角形面积
+    //周长的一半
+    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 = line[1].clone().subtract(line[0]);
+    var worldAP = worldAB.clone().multiply(l1 / (l1 + l2));
+    var worldP = line[0].clone().add(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;
+    return new Matrix4$2(a, 0.0, 0.0, 0.0, 
+    //
+    0.0, b, 0.0, 0.0, 
+    //
+    0.0, 0.0, c, 0.0, 
+    //
+    tx, ty, tz, 1.0);
+}
+
+var Matrix4$1 = effects.math.Matrix4; effects.math.Vector2; var Vector3$1 = effects.math.Vector3;
 /**
  * 线条包围盒射线检测算法
  * @param out - 射线与包围盒交点位置
@@ -2417,40 +2297,29 @@ function createAxisBounding(size, boundingMap) {
  * @param points - 线条包围盒两端点位置
  * @param radius - 线条包围盒辐射半径
  * @param camera - 相机对象
- * @returns 射线与包围盒交点位置 | null
+ * @returns 射线与包围盒交点位置 | undefined
  */
 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);
+    var up = new Vector3$1(worldMat4.elements[1], worldMat4.elements[5], worldMat4.elements[9]).normalize();
+    var radiusPoint = up.clone().multiply(radius);
+    radiusPoint.add(points[0]);
     // 计算 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 mvpMat4 = camera.getModelViewProjection(new Matrix4$1(), worldMat4);
+    var screenStart = mvpMat4.projectPoint(points[0], new Vector3$1());
+    var screenEnd = mvpMat4.projectPoint(points[1], new Vector3$1());
+    var screenRadiusPoint = mvpMat4.projectPoint(radiusPoint, new Vector3$1());
+    var screenRadiusVector = screenRadiusPoint.clone().subtract(screenStart);
+    var screenRadius = screenRadiusVector.length();
     // 计算屏幕交互点与线条的距离
-    var _a = distanceOfPointAndLine(pointInCanvas, [vec3ToVec2(screenStart), vec3ToVec2(screenEnd)]), distance = _a.distance, isInLine = _a.isInLine;
+    var _a = distanceOfPointAndLine(pointInCanvas, [screenStart.toVector2(), screenEnd.toVector2()]), 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;
+        inverseViewProjection.projectPoint(screenPosition, out);
+        return out;
     }
-    return null;
 }
 
 /**
@@ -2493,21 +2362,16 @@ function createTexture(engine, image, hookDestroy) {
  * @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 vecCameraItem = currentPos.clone().subtract(targetPos);
+    var normalVecCameraItem = vecCameraItem.clone().normalize();
+    var scalerVecCameraItem = normalVecCameraItem.clone().multiply(20);
+    var vecScalerItem = vecCameraItem.clone().subtract(scalerVecCameraItem);
+    var vecItemScaler = vecScalerItem.clone().multiply(-1);
+    return currentPos.clone().add(vecItemScaler);
 }
 
 var constants = effects.glContext;
+var Vector2 = effects.math.Vector2, Vector3 = effects.math.Vector3, Matrix4 = effects.math.Matrix4; effects.math.Ray; var Quaternion = effects.math.Quaternion;
 /**
  * 包围盒类型
  */
@@ -2526,7 +2390,7 @@ var GizmoVFXItem = /** @class */ (function (_super) {
     function GizmoVFXItem() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
         _this.boundingMap = new Map();
-        _this.mat = [];
+        _this.mat = Matrix4.fromIdentity();
         return _this;
     }
     Object.defineProperty(GizmoVFXItem.prototype, "type", {
@@ -2636,7 +2500,7 @@ var GizmoVFXItem = /** @class */ (function (_super) {
         //   const mesh = this.wireframeMesh = createParticleWireframe(engine, item.content.particleMesh.mesh, this.color);
         //   meshesToAdd.push(mesh);
         // }
-        if (item.type === effects.spec.ItemType.sprite || item.type === effects.spec.ItemType.filter) {
+        if (effects.VFXItem.isSprite(item) || effects.VFXItem.isFilterSprite(item)) {
             var color = this.color.slice();
             var mesh = this.spriteMesh = item.createWireframeMesh(item.content, color);
             this.wireframeMesh = mesh.mesh;
@@ -2750,32 +2614,32 @@ var GizmoVFXItem = /** @class */ (function (_super) {
             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];
+                    var worldPos = new Vector3();
+                    var worldQuat = new Quaternion();
+                    var worldScale = new Vector3(1, 1, 1);
                     this.targetItem.transform.assignWorldTRS(worldPos, worldQuat);
                     var targetTransform = new effects.Transform({
                         position: worldPos,
                         quat: worldQuat,
-                        scale: worldSca,
+                        scale: worldScale,
                         valid: true,
                     });
                     // 移动\旋转\缩放gizmo去除近大远小
                     if (this.subType === exports.GizmoSubType.rotation || this.subType === exports.GizmoSubType.scale || this.subType === exports.GizmoSubType.translation) {
                         var camera = this.composition.camera;
-                        var cameraPos = camera.position || [0, 0, 0];
+                        var cameraPos = camera.position || new Vector3();
                         var itemPos = targetTransform.position;
                         var newPos = moveToPointWidthFixDistance(cameraPos, itemPos);
-                        targetTransform.setPosition.apply(targetTransform, __spreadArray([], __read(newPos), false));
+                        targetTransform.setPosition(newPos.x, newPos.y, newPos.z);
                     }
                     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 = [];
+                            var worldMat4 = void 0;
                             transform.parentTransform = targetTransform;
-                            var position = [0, 0, 0];
+                            var position = new Vector3();
                             transform.assignWorldTRS(position);
                             // 物体和中心点在屏幕空间上投影的距离
                             var distanceToCneter = 100;
@@ -2783,7 +2647,7 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                             if (this.subType === exports.GizmoSubType.viewHelper) {
                                 // 正交投影只需要计算物体在XY平面上的投影与中心点的距离
                                 if (mesh.name === 'sprite') {
-                                    distanceToCneter = Math.pow(vecSquareDistance(vec3ToVec2(position), vec3ToVec2(center)), 0.5);
+                                    distanceToCneter = position.toVector2().distance(center.toVector2());
                                     theta = this.boundingMap.get('posX').radius;
                                 }
                                 // 将物体挂到相机的transform上
@@ -2796,15 +2660,15 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                                 var height = width / aspect;
                                 var cameraModelMat4 = this.composition.camera.getInverseViewMatrix();
                                 var padding = this.size.padding || 1; // 指定viewHelper与屏幕右上角的边距
-                                var localMat = [];
+                                var localMat = void 0;
                                 localMat = transform.getWorldMatrix();
                                 var worldTransform = new effects.Transform({
                                     valid: true,
                                 });
                                 worldTransform.cloneFromMatrix(localMat);
-                                worldTransform.setPosition((position[0] + width / 2) - padding, (position[1] + height / 2) - padding, position[2]);
+                                worldTransform.setPosition((position.x + width / 2) - padding, (position.y + height / 2) - padding, position.z);
                                 localMat = worldTransform.getWorldMatrix();
-                                worldMat4 = mat4MulMat4(cameraModelMat4, localMat);
+                                worldMat4 = cameraModelMat4.clone().multiply(localMat);
                                 // 正交投影到屏幕上
                                 var proMat5 = computeOrthographicOffCenter(-width / 2, width / 2, -height / 2, height / 2, -distance, distance);
                                 mesh.material.setMatrix('_MatrixP', proMat5);
@@ -2822,10 +2686,10 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                             // 使用distanceToCneter处理坐标轴旋转到中心点附近时的遮挡问题
                             if (distanceToCneter < theta) {
                                 if (distanceToCneter < theta * 0.5) {
-                                    mesh.material.setVector2('u_alpha', [0, 0]);
+                                    mesh.material.setVector2('u_alpha', new Vector2(0, 0));
                                 }
                                 else {
-                                    mesh.material.setVector2('u_alpha', [(2 / theta) * distanceToCneter - 1, 0]);
+                                    mesh.material.setVector2('u_alpha', new Vector2((2 / theta) * distanceToCneter - 1, 0));
                                 }
                             }
                         }
@@ -2839,9 +2703,9 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                     }
                 }
                 if (this.content) { // 基础几何体
-                    var worldPos = [0, 0, 0];
-                    var worldQuat = [0, 0, 0, 0];
-                    var worldSca = [1, 1, 1];
+                    var worldPos = new Vector3();
+                    var worldQuat = new Quaternion();
+                    var worldSca = new Vector3(1, 1, 1);
                     this.targetItem.transform.assignWorldTRS(worldPos, worldQuat);
                     var targetTransform = new effects.Transform({
                         position: worldPos,
@@ -2851,10 +2715,10 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                     });
                     if (this.subType === exports.GizmoSubType.light || this.subType === exports.GizmoSubType.camera) {
                         var camera = this.composition.camera;
-                        var cameraPos = camera.position || [0, 0, 0];
+                        var cameraPos = camera.position || new Vector3(0, 0, 0);
                         var itemPos = targetTransform.position;
                         var newPos = moveToPointWidthFixDistance(cameraPos, itemPos);
-                        targetTransform.setPosition.apply(targetTransform, __spreadArray([], __read(newPos), false));
+                        targetTransform.setPosition(newPos.x, newPos.y, newPos.z);
                     }
                     this.mat = targetTransform.getWorldMatrix();
                     this.content.material.setMatrix('u_model', targetTransform.getWorldMatrix());
@@ -2870,13 +2734,13 @@ var GizmoVFXItem = /** @class */ (function (_super) {
         var boundingMap = this.boundingMap;
         if (boundingMap.size > 0) {
             var boundingKeys_1 = boundingMap.keys();
-            var worldMat4_1 = [];
+            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];
+                var worldPos = new Vector3();
+                var worldQuat = new Quaternion();
+                var worldSca = new Vector3(1, 1, 1);
                 this.targetItem.transform.assignWorldTRS(worldPos, worldQuat);
                 var targetTransform = new effects.Transform({
                     position: worldPos,
@@ -2894,7 +2758,7 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                     var cameraPos = camera.position || [0, 0, 0];
                     var itemPos = targetTransform.position;
                     var newPos = moveToPointWidthFixDistance(cameraPos, itemPos);
-                    targetTransform.setPosition.apply(targetTransform, __spreadArray([], __read(newPos), false));
+                    targetTransform.setPosition(newPos.x, newPos.y, newPos.z);
                     worldMat4_1 = targetTransform.getWorldMatrix();
                 }
                 else {
@@ -2917,16 +2781,23 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                     self_1.hitBounding = undefined;
                     var _loop_1 = function (key) {
                         var bounding = boundingMap.get(key);
-                        var center = [0, 0, 0];
-                        var worldCenter = [0, 0, 0];
+                        var center = new Vector3();
+                        var worldCenter = new Vector3();
                         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);
+                            if (bounding === null || bounding === void 0 ? void 0 : bounding.center) {
+                                center.copyFrom(bounding === null || bounding === void 0 ? void 0 : bounding.center);
+                            }
+                            worldMat4_1.projectPoint(center, worldCenter);
                         }
                         var position;
                         switch (bounding === null || bounding === void 0 ? void 0 : bounding.type) {
                             case BoundingType.box: // 立方体包围盒
-                                position = effects.intersectRayBox([], ray.center, ray.direction, worldCenter, bounding === null || bounding === void 0 ? void 0 : bounding.size);
+                                {
+                                    var boxHalfSize = bounding.size.clone().multiply(0.5);
+                                    var boxMax = center.clone().add(boxHalfSize);
+                                    var boxMin = center.clone().subtract(boxHalfSize);
+                                    position = ray.intersectBox({ min: boxMin, max: boxMax }, new Vector3());
+                                }
                                 break;
                             case BoundingType.sphere: // 球体包围盒
                                 // viewHelper 使用了正交投影，使用屏幕投影点计算
@@ -2946,45 +2817,37 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                                     var localTransform = new effects.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);
+                                    localTransform.setPosition((pos.x + width / 2) - padding, (pos.y + height / 2) - padding, pos.z);
+                                    var localMat4 = localTransform.getWorldMatrix();
+                                    var modelMat4 = cameraModelMat4.clone().multiply(localMat4);
+                                    modelMat4.projectPoint(center, worldCenter);
                                     // 包围球中心点正交投影到屏幕上
-                                    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 vpMat4 = proMat4.clone().multiply(viewMat4);
+                                    var mvpMat4 = vpMat4.clone().multiply(modelMat4);
+                                    var screenCenter = mvpMat4.projectPoint(center, new Vector3());
+                                    screenCenter.x;
+                                    screenCenter.y;
                                     // 包围球上的点正交投影到屏幕上
                                     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 up = new Vector3(localMat4.elements[1], localMat4.elements[5], localMat4.elements[9]).normalize();
+                                    var point = up.clone().multiply(radius);
+                                    point.add(center);
+                                    var screenPoint = mvpMat4.projectPoint(point, new Vector3());
+                                    screenPoint.x;
+                                    screenPoint.y;
                                     // 计算正交投影到屏幕上的包围球的半径
-                                    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) {
+                                    var screenCenter2 = screenCenter.toVector2();
+                                    var screenPoint2 = screenPoint.toVector2();
+                                    var screenRadius = screenCenter2.distance(screenPoint2);
+                                    if (pointInCanvas.distance(screenCenter2) < screenRadius * 1.2) {
                                         position = worldCenter;
                                     }
                                 }
                                 else {
-                                    position = effects.intersectRaySphere([], ray.center, ray.direction, worldCenter, bounding === null || bounding === void 0 ? void 0 : bounding.radius);
+                                    position = ray.intersectSphere({ center: worldCenter, radius: bounding.radius }, new Vector3());
                                 }
                                 break;
                             case BoundingType.triangle: { // 三角数组包围盒
@@ -2993,14 +2856,12 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                                 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 = effects.intersectRayTriangle([], ray.center, ray.direction, worldTriangle, backfaceCulling);
+                                    var worldTriangle = {
+                                        p0: worldMat4_1.projectPoint(triangle.p0, new Vector3()),
+                                        p1: worldMat4_1.projectPoint(triangle.p1, new Vector3()),
+                                        p2: worldMat4_1.projectPoint(triangle.p2, new Vector3()),
+                                    };
+                                    tmpPosition = ray.intersectTriangle(worldTriangle, new Vector3(), backfaceCulling);
                                     if (tmpPosition) {
                                         tmpPositions.push(tmpPosition);
                                     }
@@ -3009,7 +2870,7 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                                 if (tmpPositions.length > 0) {
                                     var lastDistance_1;
                                     tmpPositions.forEach(function (item) {
-                                        var distance = vecSquareDistance(ray.center, item);
+                                        var distance = ray.origin.distanceSquared(item);
                                         if (!lastDistance_1 || distance < lastDistance_1) {
                                             lastDistance_1 = distance;
                                             position = item;
@@ -3020,7 +2881,7 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                             }
                             case BoundingType.line: { // 线条包围盒，将线条转换到屏幕空间，计算线条与屏幕交互点的距离，小于阈值判定为点中
                                 var points = bounding.points, width = bounding.width;
-                                position = intersectRayLine([], pointInCanvas, points, width / 2, worldMat4_1, self_1.composition.camera);
+                                position = intersectRayLine(new Vector3(), pointInCanvas, points, width / 2, worldMat4_1, self_1.composition.camera);
                                 break;
                             }
                         }
@@ -3028,8 +2889,8 @@ var GizmoVFXItem = /** @class */ (function (_super) {
                             hitPositions.push(position);
                             //  缓存距离相机最近的 BoundingKey
                             if (self_1.hitBounding) {
-                                var distance = vecSquareDistance(ray.center, position);
-                                var lastDistance = vecSquareDistance(ray.center, self_1.hitBounding.position);
+                                var distance = ray.origin.distanceSquared(position);
+                                var lastDistance = ray.origin.distanceSquared(self_1.hitBounding.position);
                                 if (distance < lastDistance) {
                                     self_1.hitBounding.key = key;
                                     self_1.hitBounding.position = position;
@@ -3336,7 +3197,7 @@ var EditorGizmoPlugin = /** @class */ (function (_super) {
     return EditorGizmoPlugin;
 }(effects.AbstractPlugin));
 
-var version = "1.0.0";
+var version = "1.1.0-alpha.0";
 console.info('[Galacean Effects Plugin Editor Gizmo] version: ' + version);
 effects.registerPlugin('editor-gizmo', EditorGizmoPlugin, GizmoVFXItem);