@rings-webgpu/core 1.0.2 → 1.0.4

package/dist/src/util/transformUtil/TransformControllerBaseComponent.js

@@ -1,283 +0,0 @@
-import { Engine3D } from "../../Engine3D";
-import { ColliderComponent } from "../../components/ColliderComponent";
-import { ComponentBase } from "../../components/ComponentBase";
-import { MeshRenderer } from "../../components/renderer/MeshRenderer";
-import { BoxColliderShape } from "../../components/shape/BoxColliderShape";
-import { Object3D } from "../../core/entities/Object3D";
-import { MouseCode } from "../../event/MouseCode";
-import { GPUCompareFunction } from "../../gfx/graphics/webGpu/WebGPUConst";
-import { UnLitMaterial } from "../../materials/UnLitMaterial";
-import { Color } from "../../math/Color";
-import { Matrix4 } from "../../math/Matrix4";
-import { Vector3 } from "../../math/Vector3";
-import { BoxGeometry } from "../../shape/BoxGeometry";
-import { TransformAxisEnum } from "./TransformAxisEnum";
-import { TransformSpaceMode } from "./TransformSpaceMode";
-export class TransformControllerBaseComponent extends ComponentBase {
-    constructor() {
-        super();
-        this.currentAxis = TransformAxisEnum.NONE;
-        this.beginPoint = new Vector3();
-        this.beginMousePos = new Vector3();
-        this.currentPoint = new Vector3();
-        this._enable = false;
-        this.mAxis = new Array(TransformAxisEnum.MAX);
-        this.mAxisColor = new Array(TransformAxisEnum.MAX);
-        this.mAxisMaterial = new Array(TransformAxisEnum.MAX);
-        this.mAxisCollider = new Array(TransformAxisEnum.MAX);
-    }
-    get target() {
-        return this.object3D.target;
-    }
-    get mX() {
-        return this.object3D.mXObj;
-    }
-    get mY() {
-        return this.object3D.mYObj;
-    }
-    get mZ() {
-        return this.object3D.mZObj;
-    }
-    get transformSpaceMode() {
-        return this.object3D.transformSpaceMode;
-    }
-    init(param) {
-        this.mContainer = new Object3D();
-        let xAxisMaterial = new UnLitMaterial();
-        xAxisMaterial.baseColor = new Color(1, 0, 0);
-        xAxisMaterial.depthCompare = GPUCompareFunction.always;
-        this.mAxisColor[TransformAxisEnum.X] = xAxisMaterial.baseColor;
-        this.mAxisMaterial[TransformAxisEnum.X] = xAxisMaterial;
-        let yAxisMaterial = new UnLitMaterial();
-        yAxisMaterial.baseColor = new Color(0, 1, 0);
-        yAxisMaterial.depthCompare = GPUCompareFunction.always;
-        this.mAxisColor[TransformAxisEnum.Y] = yAxisMaterial.baseColor;
-        this.mAxisMaterial[TransformAxisEnum.Y] = yAxisMaterial;
-        let zAxisMaterial = new UnLitMaterial();
-        zAxisMaterial.baseColor = new Color(0, 0, 1);
-        zAxisMaterial.depthCompare = GPUCompareFunction.always;
-        this.mAxisColor[TransformAxisEnum.Z] = zAxisMaterial.baseColor;
-        this.mAxisMaterial[TransformAxisEnum.Z] = zAxisMaterial;
-        let axisX = this.createCustomAxis(TransformAxisEnum.X);
-        let axisY = this.createCustomAxis(TransformAxisEnum.Y);
-        let axisZ = this.createCustomAxis(TransformAxisEnum.Z);
-        this.mContainer.addChild((this.mAxis[TransformAxisEnum.X] = axisX));
-        this.mContainer.addChild((this.mAxis[TransformAxisEnum.Y] = axisY));
-        this.mContainer.addChild((this.mAxis[TransformAxisEnum.Z] = axisZ));
-        this.mAxisCollider[TransformAxisEnum.X] =
-            axisX.getComponent(ColliderComponent);
-        this.mAxisCollider[TransformAxisEnum.Y] =
-            axisY.getComponent(ColliderComponent);
-        this.mAxisCollider[TransformAxisEnum.Z] =
-            axisZ.getComponent(ColliderComponent);
-    }
-    start() { }
-    onEnable(view) {
-        this.object3D.addChild(this.mContainer);
-        this.reset();
-    }
-    onDisable(view) {
-        this.object3D.removeChild(this.mContainer);
-    }
-    reset() {
-        switch (this.transformSpaceMode) {
-            case TransformSpaceMode.Local:
-                {
-                    let targetInvWorldMatrix = Matrix4.help_matrix_0.copyFrom(this.mX.transform.worldMatrix);
-                    let resultTRS = targetInvWorldMatrix.decompose();
-                    this.object3D.scaleX = 1.0;
-                    this.object3D.scaleY = 1.0;
-                    this.object3D.scaleZ = 1.0;
-                    this.object3D.rotationX = resultTRS[1].x;
-                    this.object3D.rotationY = resultTRS[1].y;
-                    this.object3D.rotationZ = resultTRS[1].z;
-                    this.object3D.x = resultTRS[0].x;
-                    this.object3D.y = resultTRS[0].y;
-                    this.object3D.z = resultTRS[0].z;
-                }
-                break;
-            case TransformSpaceMode.Global:
-                {
-                    this.object3D.scaleX = 1.0;
-                    this.object3D.scaleY = 1.0;
-                    this.object3D.scaleZ = 1.0;
-                    this.object3D.rotationX = 0;
-                    this.object3D.rotationY = 0;
-                    this.object3D.rotationZ = 0;
-                    const pos = this.mX.transform.worldPosition;
-                    this.object3D.x = pos.x;
-                    this.object3D.y = pos.y;
-                    this.object3D.z = pos.z;
-                }
-                break;
-        }
-    }
-    pickAxis() {
-        const scene3D = this.object3D.transform.scene3D;
-        const camera = scene3D.view.camera;
-        let ray = camera.screenPointToRay(Engine3D.inputSystem.mouseX, Engine3D.inputSystem.mouseY);
-        let intersect;
-        let lastResult;
-        for (let i = 0; i <= TransformAxisEnum.MAX; i++) {
-            let collider = this.mAxisCollider[i];
-            if (!collider) {
-                continue;
-            }
-            intersect = collider.rayPick(ray);
-            if (intersect) {
-                if (!lastResult ||
-                    lastResult.distance > intersect.distance ||
-                    i == TransformAxisEnum.XYZ) {
-                    lastResult = {
-                        axis: i,
-                        obj: collider.object3D,
-                        distance: intersect.distance,
-                        intersectPoint: intersect.intersectPoint,
-                    };
-                    if (i == TransformAxisEnum.XYZ) {
-                        break;
-                    }
-                }
-            }
-        }
-        return lastResult;
-    }
-    onMouseDown(e) {
-        if (e.mouseCode != MouseCode.MOUSE_LEFT) {
-            return;
-        }
-        let result = this.pickAxis();
-        if (!result) {
-            return;
-        }
-        this.currentAxis = result.axis;
-        e.stopImmediatePropagation();
-        const scene3D = this.object3D.transform.scene3D;
-        const camera = scene3D.view.camera;
-        let screenPoint = camera.worldToScreenPoint(this.mX.transform.worldPosition);
-        let pos = camera.screenPointToWorld(Engine3D.inputSystem.mouseX, Engine3D.inputSystem.mouseY, screenPoint.z);
-        this.beginPoint.copyFrom(pos);
-        this.beginMousePos.x = Engine3D.inputSystem.mouseX;
-        this.beginMousePos.y = Engine3D.inputSystem.mouseY;
-    }
-    onMouseMove(e) {
-        if (this.currentAxis == TransformAxisEnum.NONE) {
-            let mat = this.lastMoveObj.getComponent(MeshRenderer).material;
-            if (this.lastMoveObj && "baseColor" in mat) {
-                mat.baseColor = this.mAxisColor[this.lastMoveAxis];
-                this.lastMoveObj = null;
-                if (this.lastMoveAxis == TransformAxisEnum.XYZ) {
-                    this.mAxis[TransformAxisEnum.X]
-                        .getComponent(MeshRenderer)
-                        .material.setUniformColor("baseColor", this.mAxisColor[TransformAxisEnum.X]);
-                    this.mAxis[TransformAxisEnum.Y]
-                        .getComponent(MeshRenderer)
-                        .material.setUniformColor("baseColor", this.mAxisColor[TransformAxisEnum.Y]);
-                    this.mAxis[TransformAxisEnum.Z]
-                        .getComponent(MeshRenderer)
-                        .material.setUniformColor("baseColor", this.mAxisColor[TransformAxisEnum.Z]);
-                }
-                this.lastMoveAxis = TransformAxisEnum.NONE;
-            }
-            let result = this.pickAxis();
-            if (!result) {
-                return;
-            }
-            mat.setUniformColor("baseColor", new Color(1, 1, 1));
-            this.lastMoveObj = result.obj;
-            this.lastMoveAxis = result.axis;
-            if (this.lastMoveAxis == TransformAxisEnum.XYZ) {
-                this.mAxis[TransformAxisEnum.X]
-                    .getComponent(MeshRenderer)
-                    .material.setUniformColor("baseColor", new Color(1, 1, 1));
-                this.mAxis[TransformAxisEnum.Y]
-                    .getComponent(MeshRenderer)
-                    .material.setUniformColor("baseColor", new Color(1, 1, 1));
-                this.mAxis[TransformAxisEnum.Z]
-                    .getComponent(MeshRenderer)
-                    .material.setUniformColor("baseColor", new Color(1, 1, 1));
-            }
-        }
-        else {
-            const scene3D = this.object3D.transform.scene3D;
-            const camera = scene3D.view.camera;
-            let screenPoint = camera.worldToScreenPoint(this.mX.transform.worldPosition);
-            let pos = camera.screenPointToWorld(Engine3D.inputSystem.mouseX, Engine3D.inputSystem.mouseY, screenPoint.z);
-            this.currentPoint.copyFrom(pos);
-            let offset = pos.subtract(this.beginPoint);
-            Vector3.HELP_0.set(Engine3D.inputSystem.mouseX, Engine3D.inputSystem.mouseY, 0);
-            let distance = Vector3.distance(Vector3.HELP_0, this.beginMousePos);
-            this.beginMousePos.copyFrom(Vector3.HELP_0);
-            switch (this.transformSpaceMode) {
-                case TransformSpaceMode.Local:
-                    this.applyLocalTransform(this.currentAxis, offset, distance);
-                    break;
-                case TransformSpaceMode.Global:
-                    this.applyGlobalTransform(this.currentAxis, offset, distance);
-                    break;
-            }
-            this.beginPoint.copyFrom(pos);
-            this.reset();
-        }
-    }
-    onMouseUp(e) {
-        if (e.mouseCode != MouseCode.MOUSE_LEFT) {
-            return;
-        }
-        this.currentAxis = TransformAxisEnum.NONE;
-        this.reset();
-    }
-    onUpdate(view) {
-        let distance = Vector3.distance(view.camera.transform.worldPosition, this.object3D.transform.worldPosition);
-        let scale = distance / 100.0;
-        this.mContainer.scaleX =
-            this.mContainer.scaleY =
-                this.mContainer.scaleZ =
-                    scale;
-        if (this.mX) {
-            const pos = this.mX.transform.worldPosition;
-            this.object3D.x = pos.x;
-            this.object3D.y = pos.y;
-            this.object3D.z = pos.z;
-        }
-    }
-    applyLocalTransform(currentAxis, offset, distance) {
-        console.warn("not imp");
-    }
-    applyGlobalTransform(currentAxis, offset, distance) {
-        console.warn("not imp");
-    }
-    createCustomAxis(axis) {
-        let axisObj = this.createAxis(axis);
-        return axisObj;
-    }
-    createAxis(axis) {
-        let r = 0, g = 0, b = 0;
-        switch (axis) {
-            case TransformAxisEnum.X:
-                r = 1;
-                break;
-            case TransformAxisEnum.Y:
-                g = 1;
-                break;
-            case TransformAxisEnum.Z:
-                b = 1;
-                break;
-        }
-        let w = 0.4 + r * 20;
-        let h = 0.4 + g * 20;
-        let d = 0.4 + b * 20;
-        let obj = new Object3D();
-        obj.x = w * 0.5;
-        obj.y = h * 0.5;
-        obj.z = d * 0.5;
-        let mr = obj.addComponent(MeshRenderer);
-        mr.geometry = new BoxGeometry(w, h, d);
-        mr.material = this.mAxisMaterial[axis];
-        let collider = obj.addComponent(ColliderComponent);
-        let boxShape = new BoxColliderShape();
-        boxShape.setFromCenterAndSize(new Vector3(0, 0, 0), new Vector3(w + 1, h + 1, d + 1));
-        collider.shape = boxShape;
-        return obj;
-    }
-}

package/dist/src/util/transformUtil/TransformMode.d.ts

@@ -1,6 +0,0 @@
-export declare enum TransformMode {
-    Scale = 0,
-    Rotation = 1,
-    Translation = 2,
-    NONE = 3
-}

package/dist/src/util/transformUtil/TransformMode.js

@@ -1,7 +0,0 @@
-export var TransformMode;
-(function (TransformMode) {
-    TransformMode[TransformMode["Scale"] = 0] = "Scale";
-    TransformMode[TransformMode["Rotation"] = 1] = "Rotation";
-    TransformMode[TransformMode["Translation"] = 2] = "Translation";
-    TransformMode[TransformMode["NONE"] = 3] = "NONE";
-})(TransformMode || (TransformMode = {}));

package/dist/src/util/transformUtil/TransformSpaceMode.d.ts

@@ -1,4 +0,0 @@
-export declare enum TransformSpaceMode {
-    Local = 0,
-    Global = 1
-}

package/dist/src/util/transformUtil/TransformSpaceMode.js

@@ -1,5 +0,0 @@
-export var TransformSpaceMode;
-(function (TransformSpaceMode) {
-    TransformSpaceMode[TransformSpaceMode["Local"] = 0] = "Local";
-    TransformSpaceMode[TransformSpaceMode["Global"] = 1] = "Global";
-})(TransformSpaceMode || (TransformSpaceMode = {}));

package/dist/src/util/transformUtil/TranslationControlComponents.d.ts

@@ -1,12 +0,0 @@
-import { Object3D } from "../../core/entities/Object3D";
-import { Vector3 } from "../../math/Vector3";
-import { TransformAxisEnum } from "./TransformAxisEnum";
-import { TransformControllerBaseComponent } from "./TransformControllerBaseComponent";
-export declare class TranslationControlComponents extends TransformControllerBaseComponent {
-    init(param?: any): void;
-    protected applyLocalTransform(currentAxis: TransformAxisEnum, offset: Vector3, distance: number): void;
-    protected applyGlobalTransform(currentAxis: TransformAxisEnum, offset: Vector3, distance: number): void;
-    protected createCustomAxis(axis: TransformAxisEnum): Object3D;
-    protected createArrows(axis: TransformAxisEnum): Object3D;
-    protected createPlane(axis: TransformAxisEnum): Object3D;
-}

package/dist/src/util/transformUtil/TranslationControlComponents.js

@@ -1,164 +0,0 @@
-import { ColliderComponent } from "../../components/ColliderComponent";
-import { MeshRenderer } from "../../components/renderer/MeshRenderer";
-import { BoxColliderShape } from "../../components/shape/BoxColliderShape";
-import { Object3D } from "../../core/entities/Object3D";
-import { GPUCompareFunction } from "../../gfx/graphics/webGpu/WebGPUConst";
-import { UnLitMaterial } from "../../materials/UnLitMaterial";
-import { Color } from "../../math/Color";
-import { Matrix4 } from "../../math/Matrix4";
-import { Orientation3D } from "../../math/Orientation3D";
-import { Vector3 } from "../../math/Vector3";
-import { CylinderGeometry } from "../../shape/CylinderGeometry";
-import { PlaneGeometry } from "../../shape/PlaneGeometry";
-import { TransformAxisEnum } from "./TransformAxisEnum";
-import { TransformControllerBaseComponent } from "./TransformControllerBaseComponent";
-export class TranslationControlComponents extends TransformControllerBaseComponent {
-    init(param) {
-        super.init(param);
-        let xyPlaneMaterial = new UnLitMaterial();
-        xyPlaneMaterial.doubleSide = true;
-        xyPlaneMaterial.baseColor = new Color(0, 0, 1);
-        xyPlaneMaterial.depthCompare = GPUCompareFunction.always;
-        this.mAxisColor[TransformAxisEnum.XY] = xyPlaneMaterial.baseColor;
-        this.mAxisMaterial[TransformAxisEnum.XY] = xyPlaneMaterial;
-        let xzPlaneMaterial = new UnLitMaterial();
-        xzPlaneMaterial.doubleSide = true;
-        xzPlaneMaterial.baseColor = new Color(0, 1, 0);
-        xzPlaneMaterial.depthCompare = GPUCompareFunction.always;
-        this.mAxisColor[TransformAxisEnum.XZ] = xzPlaneMaterial.baseColor;
-        this.mAxisMaterial[TransformAxisEnum.XZ] = xzPlaneMaterial;
-        let yzPlaneMaterial = new UnLitMaterial();
-        yzPlaneMaterial.doubleSide = true;
-        yzPlaneMaterial.baseColor = new Color(1, 0, 0);
-        yzPlaneMaterial.depthCompare = GPUCompareFunction.always;
-        this.mAxisColor[TransformAxisEnum.YZ] = yzPlaneMaterial.baseColor;
-        this.mAxisMaterial[TransformAxisEnum.YZ] = yzPlaneMaterial;
-        let planeXY = this.createPlane(TransformAxisEnum.XY);
-        let planeXZ = this.createPlane(TransformAxisEnum.XZ);
-        let planeYZ = this.createPlane(TransformAxisEnum.YZ);
-        this.mContainer.addChild((this.mAxis[TransformAxisEnum.XY] = planeXY));
-        this.mContainer.addChild((this.mAxis[TransformAxisEnum.XZ] = planeXZ));
-        this.mContainer.addChild((this.mAxis[TransformAxisEnum.YZ] = planeYZ));
-        this.mAxisCollider[TransformAxisEnum.XY] =
-            planeXY.getComponent(ColliderComponent);
-        this.mAxisCollider[TransformAxisEnum.XZ] =
-            planeXZ.getComponent(ColliderComponent);
-        this.mAxisCollider[TransformAxisEnum.YZ] =
-            planeYZ.getComponent(ColliderComponent);
-    }
-    applyLocalTransform(currentAxis, offset, distance) {
-        Matrix4.help_matrix_0.copyFrom(this.mX.transform.worldMatrix).invert();
-        Matrix4.help_matrix_0.transformVector(offset, Vector3.HELP_0);
-        if (!(this.currentAxis == TransformAxisEnum.X ||
-            this.currentAxis == TransformAxisEnum.XY ||
-            this.currentAxis == TransformAxisEnum.XZ)) {
-            Vector3.HELP_0.x = 0;
-        }
-        if (!(this.currentAxis == TransformAxisEnum.Y ||
-            this.currentAxis == TransformAxisEnum.XY ||
-            this.currentAxis == TransformAxisEnum.YZ)) {
-            Vector3.HELP_0.y = 0;
-        }
-        if (!(this.currentAxis == TransformAxisEnum.Z ||
-            this.currentAxis == TransformAxisEnum.XZ ||
-            this.currentAxis == TransformAxisEnum.YZ)) {
-            Vector3.HELP_0.z = 0;
-        }
-        this.mX.transform.worldMatrix.transformVector(Vector3.HELP_0, Vector3.HELP_1);
-        this.mX.x += Vector3.HELP_1.x;
-        this.mX.y += Vector3.HELP_1.y;
-        this.mX.z += Vector3.HELP_1.z;
-    }
-    applyGlobalTransform(currentAxis, offset, distance) {
-        Matrix4.help_matrix_0.identity();
-        if (this.currentAxis == TransformAxisEnum.X ||
-            this.currentAxis == TransformAxisEnum.XY ||
-            this.currentAxis == TransformAxisEnum.XZ) {
-            Matrix4.help_matrix_0.appendTranslation(offset.x, 0, 0);
-        }
-        if (this.currentAxis == TransformAxisEnum.Y ||
-            this.currentAxis == TransformAxisEnum.XY ||
-            this.currentAxis == TransformAxisEnum.YZ) {
-            Matrix4.help_matrix_0.appendTranslation(0, offset.y, 0);
-        }
-        if (this.currentAxis == TransformAxisEnum.Z ||
-            this.currentAxis == TransformAxisEnum.XZ ||
-            this.currentAxis == TransformAxisEnum.YZ) {
-            Matrix4.help_matrix_0.appendTranslation(0, 0, offset.z);
-        }
-        Matrix4.help_matrix_1.copyFrom(this.mX.transform.worldMatrix);
-        Matrix4.help_matrix_1.append(Matrix4.help_matrix_0);
-        if (this.mX.parent) {
-            Matrix4.help_matrix_2.copyFrom(this.mX.parent.worldMatrix);
-            Matrix4.help_matrix_2.invert();
-            Matrix4.help_matrix_1.multiply(Matrix4.help_matrix_2);
-        }
-        let trs = Matrix4.help_matrix_1.decompose(Orientation3D.QUATERNION);
-        this.mX.transform.localPosition = trs[0];
-        console.log(this.target.localPosition);
-        // this.target.localPosition = this.mX.transform.worldPosition.clone();
-    }
-    createCustomAxis(axis) {
-        let axisObj = super.createAxis(axis);
-        let arrowsObj = this.createArrows(axis);
-        axisObj.addChild(arrowsObj);
-        return axisObj;
-    }
-    createArrows(axis) {
-        let r = 0, g = 0, b = 0;
-        let obj = new Object3D();
-        switch (axis) {
-            case TransformAxisEnum.X:
-                r = 1;
-                obj.rotationZ = -90;
-                break;
-            case TransformAxisEnum.Y:
-                g = 1;
-                obj.rotationY = -90;
-                break;
-            case TransformAxisEnum.Z:
-                b = 1;
-                obj.rotationX = 90;
-                break;
-        }
-        let w = 0.2 + r * 20;
-        let h = 0.2 + g * 20;
-        let d = 0.2 + b * 20;
-        obj.x = w * 0.5;
-        obj.y = h * 0.5;
-        obj.z = d * 0.5;
-        let mr = obj.addComponent(MeshRenderer);
-        mr.geometry = new CylinderGeometry(0, 1, 4);
-        mr.material = this.mAxisMaterial[axis];
-        return obj;
-    }
-    createPlane(axis) {
-        let obj = new Object3D();
-        let mr = obj.addComponent(MeshRenderer);
-        mr.material = this.mAxisMaterial[axis];
-        let collider = obj.addComponent(ColliderComponent);
-        let boxShape = new BoxColliderShape();
-        collider.shape = boxShape;
-        switch (axis) {
-            case TransformAxisEnum.XY:
-                mr.geometry = new PlaneGeometry(4, 4, 1, 1, Vector3.Z_AXIS);
-                obj.x = 8;
-                obj.y = 8;
-                boxShape.setFromCenterAndSize(new Vector3(0, 0, 0), new Vector3(4, 4, 0.1));
-                break;
-            case TransformAxisEnum.XZ:
-                mr.geometry = new PlaneGeometry(4, 4, 1, 1, Vector3.Y_AXIS);
-                obj.x = 8;
-                obj.z = 8;
-                boxShape.setFromCenterAndSize(new Vector3(0, 0, 0), new Vector3(4, 0.1, 4));
-                break;
-            case TransformAxisEnum.YZ:
-                mr.geometry = new PlaneGeometry(4, 4, 1, 1, Vector3.X_AXIS);
-                obj.y = 8;
-                obj.z = 8;
-                boxShape.setFromCenterAndSize(new Vector3(0, 0, 0), new Vector3(0.1, 4, 4));
-                break;
-        }
-        return obj;
-    }
-}