lythreeframe 1.0.21 → 1.0.23

package/dist/bundle.cjs.js

@@ -1,9 +1,8 @@
 'use strict';
 
-var three = require('three');
+var webgpu = require('three/webgpu');
 var Addons_js = require('three/examples/jsm/Addons.js');
 var tsl = require('three/tsl');
-var webgpu = require('three/webgpu');
 var BloomNode_js = require('three/examples/jsm/tsl/display/BloomNode.js');
 var DenoiseNode_js = require('three/examples/jsm/tsl/display/DenoiseNode.js');
 var DepthOfFieldNode_js = require('three/examples/jsm/tsl/display/DepthOfFieldNode.js');
@@ -47,7 +46,7 @@ class BaseObject {
     get uuid() {
         return this._uuid;
     }
-    constructor(uuid = three.MathUtils.generateUUID()) {
+    constructor(uuid = webgpu.MathUtils.generateUUID()) {
         this.bCanTick = false;
         this.bCanTick = false;
         this._uuid = uuid;
@@ -132,7 +131,7 @@ class SceneComponent extends Component {
         this._name = "SceneComponent";
     }
     createDefaultThreeObject() {
-        this.threeObject = new three.Group();
+        this.threeObject = new webgpu.Group();
     }
     get isVisible() {
         if (!this.threeObject) {
@@ -160,19 +159,19 @@ class SceneComponent extends Component {
         });
     }
     getBoundsCenterPositionWS() {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         this.getBounds().getCenter(ret);
         return this.getWorldPosition();
     }
     getBoundsTopCenterPositionWS() {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         let bounds = this.getBounds();
         bounds.getCenter(ret);
         ret.y = bounds.max.y;
         return ret;
     }
     getBoundsBottomCenterPositionWS() {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         let bounds = this.getBounds();
         bounds.getCenter(ret);
         ret.y = bounds.min.y;
@@ -182,7 +181,7 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let ret = new three.Box3();
+        let ret = new webgpu.Box3();
         ret.setFromObject(this.threeObject, false);
         if (ret.isEmpty()) {
             ret.min = ret.max = this.getWorldPosition();
@@ -259,9 +258,9 @@ class SceneComponent extends Component {
             return this.threeObject.position.clone();
         }
         else {
-            const position = new three.Vector3();
-            const quaternion = new three.Quaternion();
-            const scale = new three.Vector3();
+            const position = new webgpu.Vector3();
+            const quaternion = new webgpu.Quaternion();
+            const scale = new webgpu.Vector3();
             this.threeObject.matrix.decompose(position, quaternion, scale);
             return position;
         }
@@ -271,14 +270,14 @@ class SceneComponent extends Component {
             throw Error("threeObject is invalid");
         }
         let newPosition = null;
-        if (args.length === 1 && args[0] instanceof three.Vector3) {
-            newPosition = new three.Vector3().copy(args[0]);
+        if (args.length === 1 && args[0] instanceof webgpu.Vector3) {
+            newPosition = new webgpu.Vector3().copy(args[0]);
         }
         else if (args.length === 3 &&
             typeof args[0] === "number" &&
             typeof args[1] === "number" &&
             typeof args[2] === "number") {
-            newPosition = new three.Vector3(args[0], args[1], args[2]);
+            newPosition = new webgpu.Vector3(args[0], args[1], args[2]);
         }
         if (!newPosition) {
             return;
@@ -302,11 +301,11 @@ class SceneComponent extends Component {
             return this.threeObject.rotation.clone();
         }
         else {
-            const position = new three.Vector3();
-            const quaternion = new three.Quaternion();
-            const scale = new three.Vector3();
+            const position = new webgpu.Vector3();
+            const quaternion = new webgpu.Quaternion();
+            const scale = new webgpu.Vector3();
             this.threeObject.matrix.decompose(position, quaternion, scale);
-            return new three.Euler().setFromQuaternion(quaternion);
+            return new webgpu.Euler().setFromQuaternion(quaternion);
         }
     }
     setRotation(...args) {
@@ -314,11 +313,11 @@ class SceneComponent extends Component {
             throw Error("threeObject is invalid");
         }
         let newRotation = null;
-        if (args[0] instanceof three.Euler) {
-            newRotation = new three.Euler().copy(args[0]);
+        if (args[0] instanceof webgpu.Euler) {
+            newRotation = new webgpu.Euler().copy(args[0]);
         }
         if (typeof (args[0]) === "number" && typeof (args[1]) === "number" && typeof (args[2]) === "number") {
-            newRotation = new three.Euler(args[0], args[1], args[2]);
+            newRotation = new webgpu.Euler(args[0], args[1], args[2]);
         }
         if (!newRotation) {
             return;
@@ -339,9 +338,9 @@ class SceneComponent extends Component {
             return this.threeObject.quaternion.clone();
         }
         else {
-            const position = new three.Vector3();
-            const quaternion = new three.Quaternion();
-            const scale = new three.Vector3();
+            const position = new webgpu.Vector3();
+            const quaternion = new webgpu.Quaternion();
+            const scale = new webgpu.Vector3();
             this.threeObject.matrix.decompose(position, quaternion, scale);
             return quaternion;
         }
@@ -351,11 +350,11 @@ class SceneComponent extends Component {
             throw Error("threeObject is invalid");
         }
         let newQuat = null;
-        if (args[0] instanceof three.Quaternion) {
-            newQuat = new three.Quaternion().copy(args[0]);
+        if (args[0] instanceof webgpu.Quaternion) {
+            newQuat = new webgpu.Quaternion().copy(args[0]);
         }
         if (typeof args[0] === "number" && typeof args[1] === "number" && typeof args[2] === "number" && typeof args[3] === "number") {
-            newQuat = new three.Quaternion(args[0], args[1], args[2], args[3]);
+            newQuat = new webgpu.Quaternion(args[0], args[1], args[2], args[3]);
         }
         if (!newQuat) {
             console.error("setQuaternion failed,param is invalid", args);
@@ -363,9 +362,9 @@ class SceneComponent extends Component {
         }
         this.threeObject.quaternion.copy(newQuat);
         if (!this.threeObject.matrixAutoUpdate) {
-            const position = new three.Vector3();
-            const quaternion = new three.Quaternion();
-            const scale = new three.Vector3();
+            const position = new webgpu.Vector3();
+            const quaternion = new webgpu.Quaternion();
+            const scale = new webgpu.Vector3();
             this.threeObject.matrix.decompose(position, quaternion, scale);
             this.threeObject.matrix.compose(position, newQuat, scale);
         }
@@ -384,9 +383,9 @@ class SceneComponent extends Component {
             return this.threeObject.scale.clone();
         }
         else {
-            const position = new three.Vector3();
-            const quaternion = new three.Quaternion();
-            const scale = new three.Vector3();
+            const position = new webgpu.Vector3();
+            const quaternion = new webgpu.Quaternion();
+            const scale = new webgpu.Vector3();
             this.threeObject.matrix.decompose(position, quaternion, scale);
             return scale;
         }
@@ -396,11 +395,11 @@ class SceneComponent extends Component {
             throw Error("threeObject is invalid");
         }
         let newScale = null;
-        if (args[0] instanceof three.Vector3) {
-            newScale = new three.Vector3().copy(args[0]);
+        if (args[0] instanceof webgpu.Vector3) {
+            newScale = new webgpu.Vector3().copy(args[0]);
         }
         if (typeof (args[0]) === "number" && typeof (args[1]) === "number" && typeof (args[2]) === "number") {
-            newScale = new three.Vector3(args[0], args[1], args[2]);
+            newScale = new webgpu.Vector3(args[0], args[1], args[2]);
         }
         if (!newScale) {
             return;
@@ -444,7 +443,7 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let location = new three.Vector3();
+        let location = new webgpu.Vector3();
         this.threeObject.getWorldPosition(location);
         return location;
     }
@@ -453,16 +452,16 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let rotation = new three.Quaternion();
+        let rotation = new webgpu.Quaternion();
         this.threeObject.getWorldQuaternion(rotation);
-        return new three.Euler().setFromQuaternion(rotation);
+        return new webgpu.Euler().setFromQuaternion(rotation);
     }
     // // rotation(quat)
     getWorldQuaternion() {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let rotation = new three.Quaternion();
+        let rotation = new webgpu.Quaternion();
         this.threeObject.getWorldQuaternion(rotation);
         return rotation;
     }
@@ -471,7 +470,7 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let scale = new three.Vector3();
+        let scale = new webgpu.Vector3();
         this.threeObject.getWorldScale(scale);
         return scale;
     }
@@ -492,7 +491,7 @@ class SceneComponent extends Component {
             // 计算父对象的逆世界矩阵
             const parentInverseWorldMatrix = this.threeObject.parent.matrixWorld.clone().invert();
             // 计算物体的本地矩阵
-            const cLocalMatrix = new three.Matrix4().multiplyMatrices(parentInverseWorldMatrix, newMatrix);
+            const cLocalMatrix = new webgpu.Matrix4().multiplyMatrices(parentInverseWorldMatrix, newMatrix);
             // 更新物体的本地矩阵
             this.setMatrix(cLocalMatrix);
             // this.threeObject.matrix.copy(cLocalMatrix);
@@ -516,7 +515,7 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         this.threeObject.getWorldDirection(ret);
         return ret;
     }
@@ -524,7 +523,7 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let ret = new three.Vector3(0, 1, 0);
+        let ret = new webgpu.Vector3(0, 1, 0);
         ret.applyQuaternion(this.getWorldQuaternion());
         return ret;
     }
@@ -532,7 +531,7 @@ class SceneComponent extends Component {
         if (!this.threeObject) {
             throw Error("threeObject is invalid");
         }
-        let ret = new three.Vector3(1, 0, 0);
+        let ret = new webgpu.Vector3(1, 0, 0);
         ret.applyQuaternion(this.getWorldQuaternion());
         return ret;
     }
@@ -711,12 +710,12 @@ class MeshComponent extends SceneComponent {
     }
     constructor(...args) {
         let newMesh = null;
-        if (args[0] instanceof three.Mesh) {
+        if (args[0] instanceof webgpu.Mesh) {
             newMesh = args[0];
         }
         else {
-            if (args[0] instanceof three.BufferGeometry && (args[1] instanceof three.Material || Array.isArray(args[1]))) {
-                newMesh = new three.Mesh(args[0], args[1]);
+            if (args[0] instanceof webgpu.BufferGeometry && (args[1] instanceof webgpu.Material || Array.isArray(args[1]))) {
+                newMesh = new webgpu.Mesh(args[0], args[1]);
             }
             else {
                 throw new Error('Invalid arguments for A constructor');
@@ -744,19 +743,19 @@ class MeshComponent extends SceneComponent {
         return this.threeObject ? this.threeObject.receiveShadow : false;
     }
     getBoundsCenterPosition() {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         this.getBounds().getCenter(ret);
         return ret;
     }
     getBoundsTopCenterPosition() {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         let bounds = this.getBounds();
         bounds.getCenter(ret);
         ret.y = bounds.max.y;
         return ret;
     }
     getBoundsBottomCenterPosition() {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         let bounds = this.getBounds();
         bounds.getCenter(ret);
         ret.y = bounds.min.y;
@@ -769,9 +768,9 @@ class MeshComponent extends SceneComponent {
         let assetManager = LYAssetManager.Get();
         const mats = Array.isArray(this.material) ? this.material : [this.material];
         mats.forEach((material) => {
-            if (material instanceof three.Material) {
+            if (material instanceof webgpu.Material) {
                 Object.entries(material).forEach(([key, value]) => {
-                    if (value instanceof three.Texture) {
+                    if (value instanceof webgpu.Texture) {
                         assetManager.releaseAsset(value);
                         value = null;
                     }
@@ -780,7 +779,7 @@ class MeshComponent extends SceneComponent {
             }
         });
         this.material = [];
-        if (this.geometry instanceof three.BufferGeometry) {
+        if (this.geometry instanceof webgpu.BufferGeometry) {
             assetManager.releaseAsset(this.geometry);
             this.geometry = null;
         }
@@ -854,7 +853,7 @@ class LYAssetManager {
     constructor() {
         this.assetPointer = new Map();
         this.dracoLoader = null;
-        this.loadingManager = new three.LoadingManager();
+        this.loadingManager = new webgpu.LoadingManager();
         this.gltfLoader = new Addons_js.GLTFLoader(this.loadingManager);
     }
     get LoadingManager() {
@@ -922,7 +921,7 @@ class LYAssetManager {
             textures: new Map()
         };
         gltf.scene.traverse((child) => {
-            if (child.geometry && child.geometry instanceof three.BufferGeometry) {
+            if (child.geometry && child.geometry instanceof webgpu.BufferGeometry) {
                 countResource(resources.geometries, child.geometry);
             }
             if (child.material) {
@@ -931,7 +930,7 @@ class LYAssetManager {
                     if (mat) {
                         countResource(resources.materials, mat);
                         Object.entries(mat).forEach(([key, value]) => {
-                            if (value instanceof three.Texture) {
+                            if (value instanceof webgpu.Texture) {
                                 countResource(resources.textures, value);
                             }
                         });
@@ -966,7 +965,7 @@ class LYAssetManager {
                         this.addAsset(material);
                     }
                     Object.entries(material).forEach(([key, value]) => {
-                        if (value instanceof three.Texture) {
+                        if (value instanceof webgpu.Texture) {
                             if (!value.userData["assetPointer"]) {
                                 this.addAsset(value);
                             }
@@ -1010,7 +1009,7 @@ class LYAssetManager {
         this.gltfLoader.parse(data, path, onLoadFinished);
     }
     loadFile(filepath = '', onLoadFinished) {
-        const loader = new three.FileLoader();
+        const loader = new webgpu.FileLoader();
         loader.load(filepath, (data) => {
             onLoadFinished(data);
         });
@@ -1109,7 +1108,7 @@ class World {
     constructor(app) {
         this.actors = new Set();
         this.app = app;
-        this._scene = new three.Scene();
+        this._scene = new webgpu.Scene();
     }
     init() {
     }
@@ -1124,7 +1123,7 @@ class World {
         });
         this.actors.clear();
         this.scene.traverse((child) => {
-            if (child instanceof three.Mesh) {
+            if (child instanceof webgpu.Mesh) {
                 ThreeObjectLibrary.disposeMeshResource(child);
             }
         });
@@ -1147,13 +1146,13 @@ const DefaultToneMappingParams = {
     toneMapping: 'AgX',
 };
 const ToneMappingOptions = new Map([
-    ["None", three.NoToneMapping],
-    ["Linear", three.LinearToneMapping],
-    ["Reinhard", three.ReinhardToneMapping],
-    ["Cineon", three.CineonToneMapping],
-    ["ACESFilmic", three.ACESFilmicToneMapping],
-    ["AgX", three.AgXToneMapping],
-    ["Neutral", three.NeutralToneMapping]
+    ["None", webgpu.NoToneMapping],
+    ["Linear", webgpu.LinearToneMapping],
+    ["Reinhard", webgpu.ReinhardToneMapping],
+    ["Cineon", webgpu.CineonToneMapping],
+    ["ACESFilmic", webgpu.ACESFilmicToneMapping],
+    ["AgX", webgpu.AgXToneMapping],
+    ["Neutral", webgpu.NeutralToneMapping]
 ]);
 
 class WebGPUPostProcessFactory {
@@ -1755,8 +1754,8 @@ class Orbital extends Pawn {
     focusTo(targetPos, targetQuat, distance, time, onGoing = null, onFinished = null) {
         this.stopFocusing();
         let finalQuat = null;
-        if (targetQuat instanceof three.Euler) {
-            finalQuat = new three.Quaternion().setFromEuler(targetQuat);
+        if (targetQuat instanceof webgpu.Euler) {
+            finalQuat = new webgpu.Quaternion().setFromEuler(targetQuat);
         }
         else {
             finalQuat = targetQuat;
@@ -1765,20 +1764,20 @@ class Orbital extends Pawn {
             finalQuat = this.controller.camera.quaternion;
         }
         finalQuat.normalize();
-        let dir = new three.Vector3(0, 0, 1);
+        let dir = new webgpu.Vector3(0, 0, 1);
         dir.applyQuaternion(finalQuat).multiplyScalar(-1);
         dir.normalize();
         // quat
         // let startQuat = this.camera.quaternion.clone();
         // position
         let startPos = this.camera.position.clone();
-        let endPos = new three.Vector3(targetPos.x + dir.x * distance * -1, targetPos.y + dir.y * distance * -1, targetPos.z + dir.z * distance * -1);
-        let posDir = new three.Vector3().subVectors(endPos, startPos);
+        let endPos = new webgpu.Vector3(targetPos.x + dir.x * distance * -1, targetPos.y + dir.y * distance * -1, targetPos.z + dir.z * distance * -1);
+        let posDir = new webgpu.Vector3().subVectors(endPos, startPos);
         let movingLength = posDir.length();
         posDir.normalize();
         // target
         let startTarget = this.control.target.clone();
-        let targetDir = new three.Vector3().subVectors(targetPos, startTarget);
+        let targetDir = new webgpu.Vector3().subVectors(targetPos, startTarget);
         let targetDistance = targetDir.length();
         targetDir.normalize();
         // start animation
@@ -1793,8 +1792,8 @@ class Orbital extends Pawn {
             alpha: 1,
             onUpdate: () => {
                 let alpha = obj.alpha;
-                let camPos = new three.Vector3(startPos.x + posDir.x * alpha * movingLength, startPos.y + posDir.y * alpha * movingLength, startPos.z + posDir.z * alpha * movingLength);
-                let targetPos = new three.Vector3(startTarget.x + targetDir.x * alpha * targetDistance, startTarget.y + targetDir.y * alpha * targetDistance, startTarget.z + targetDir.z * alpha * targetDistance);
+                let camPos = new webgpu.Vector3(startPos.x + posDir.x * alpha * movingLength, startPos.y + posDir.y * alpha * movingLength, startPos.z + posDir.z * alpha * movingLength);
+                let targetPos = new webgpu.Vector3(startTarget.x + targetDir.x * alpha * targetDistance, startTarget.y + targetDir.y * alpha * targetDistance, startTarget.z + targetDir.z * alpha * targetDistance);
                 _this.control.object.position.copy(camPos);
                 _this.control.target.copy(targetPos);
                 _this.control.update();
@@ -1849,17 +1848,17 @@ class Controller {
         this.onPointerLeave = (event) => { this.onPointerLeaveEvent(event); };
         this.onPointerUp = (event) => { this.onPointerUpEvent(event); };
         this.onPointerDown = (event) => { this.onPointerDownEvent(event); };
-        this.pointerPosition = new three.Vector2();
+        this.pointerPosition = new webgpu.Vector2();
         this.doubleClickDelay = 250; // 双击判定时间间隔（毫秒）
         this.leftClickTimer = null;
-        this.pointerLeftDownPosition = new three.Vector2();
+        this.pointerLeftDownPosition = new webgpu.Vector2();
         this.hoveringComponent = null;
         this._pointButtonIsDown = new Set();
         this._onClickNothingDelegate = new Delegate();
         this.app = app;
         this._pawn = new Orbital(this);
         this.pawn.possess();
-        this.raycaster = new three.Raycaster();
+        this.raycaster = new webgpu.Raycaster();
         if (!this.viewPort.canvas) {
             throw Error("canvas is null");
         }
@@ -1898,7 +1897,7 @@ class Controller {
         const canvasRect = this.viewPort.canvas.getBoundingClientRect();
         const offsetX = canvasRect.left;
         const offsetY = canvasRect.top;
-        const pointer = new three.Vector2(((event.clientX - offsetX) / this.viewPort.canvas.clientWidth) * 2 - 1, 1 - ((event.clientY - offsetY) / this.viewPort.canvas.clientHeight) * 2);
+        const pointer = new webgpu.Vector2(((event.clientX - offsetX) / this.viewPort.canvas.clientWidth) * 2 - 1, 1 - ((event.clientY - offsetY) / this.viewPort.canvas.clientHeight) * 2);
         this.pointerPosition = pointer;
         if (this._pointButtonIsDown.size > 0) {
             return;
@@ -1923,7 +1922,7 @@ class Controller {
     onPointerUpEvent(event) {
         this._pointButtonIsDown.delete(event.button);
         if (event.button === 0) {
-            const pointerOffset = new three.Vector2().subVectors(this.pointerLeftDownPosition, this.pointerPosition).length();
+            const pointerOffset = new webgpu.Vector2().subVectors(this.pointerLeftDownPosition, this.pointerPosition).length();
             if (pointerOffset > 0.005) {
                 if (this.leftClickTimer) {
                     window.clearTimeout(this.leftClickTimer);
@@ -1988,7 +1987,7 @@ class Controller {
         return this.getHitResultFromScreenPoint(this.pointerPosition.x, this.pointerPosition.y);
     }
     getHitResultFromScreenPoint(x, y) {
-        this.raycaster.setFromCamera(new three.Vector2(x, y), this.camera);
+        this.raycaster.setFromCamera(new webgpu.Vector2(x, y), this.camera);
         let out = this.raycaster.intersectObjects(this.world.scene.children, true);
         for (let i = 0; i < out.length; i++) {
             if (out[i].object.userData["rayIgnored"]) {
@@ -2007,10 +2006,10 @@ class CameraFactory {
     static createCamera(param) {
         let cam = null;
         if ("fov" in param.param && "aspect" in param.param) {
-            cam = new three.PerspectiveCamera(param.param.fov, param.param.aspect, param.near, param.far);
+            cam = new webgpu.PerspectiveCamera(param.param.fov, param.param.aspect, param.near, param.far);
         }
         if ("left" in param.param && "right" in param.param && "top" in param.param && "bottom" in param.param) {
-            cam = new three.OrthographicCamera(param.param.left, param.param.right, param.param.top, param.param.bottom, param.near, param.far);
+            cam = new webgpu.OrthographicCamera(param.param.left, param.param.right, param.param.top, param.param.bottom, param.near, param.far);
         }
         if (!cam) {
             console.error("create camera failed");
@@ -2021,7 +2020,7 @@ class CameraFactory {
     }
     static updataCamera(param, camera) {
         if ("fov" in param.param && "aspect" in param.param) {
-            if (camera instanceof three.PerspectiveCamera) {
+            if (camera instanceof webgpu.PerspectiveCamera) {
                 camera.near = param.near;
                 camera.far = param.far;
                 camera.fov = param.param.fov;
@@ -2029,11 +2028,11 @@ class CameraFactory {
                 return camera;
             }
             else {
-                return new three.PerspectiveCamera(param.param.fov, param.param.aspect, param.near, param.far);
+                return new webgpu.PerspectiveCamera(param.param.fov, param.param.aspect, param.near, param.far);
             }
         }
         if ("left" in param.param && "right" in param.param && "top" in param.param && "bottom" in param.param) {
-            if (camera instanceof three.OrthographicCamera) {
+            if (camera instanceof webgpu.OrthographicCamera) {
                 camera.near = param.near;
                 camera.far = param.far;
                 camera.left = param.param.left;
@@ -2043,16 +2042,13 @@ class CameraFactory {
                 return camera;
             }
             else {
-                return new three.OrthographicCamera(param.param.left, param.param.right, param.param.top, param.param.bottom, param.near, param.far);
+                return new webgpu.OrthographicCamera(param.param.left, param.param.right, param.param.top, param.param.bottom, param.near, param.far);
             }
         }
         return camera;
     }
 }
 
-const DefaultRenderParam = {
-    antialias: true,
-};
 const DefaultCameraParam = {
     near: 0.1,
     far: 1000,
@@ -2061,11 +2057,16 @@ const DefaultCameraParam = {
         aspect: 1,
     }
 };
+
+const DefaultRenderParam = {
+    antialias: true,
+};
 const DefaultAppParam = {
     renderParam: DefaultRenderParam,
     cameraParam: DefaultCameraParam,
     postProcessParam: DefaultPostProcessParam,
 };
+
 class ThreeJsApp {
     get camera() {
         return this._camera;
@@ -2103,7 +2104,7 @@ class ThreeJsApp {
         this._appParam.cameraParam = appParam.cameraParam ? appParam.cameraParam : DefaultCameraParam;
         this._appParam.renderParam = appParam.renderParam ? appParam.renderParam : DefaultRenderParam;
         this._appParam.postProcessParam = appParam.postProcessParam ? appParam.postProcessParam : DefaultPostProcessParam;
-        this._clock = new three.Clock();
+        this._clock = new webgpu.Clock();
         this._camera = CameraFactory.createCamera(this._appParam.cameraParam);
         this._world = new this.worldClass(this);
         this._viewport = new this.viewportClass(this, elementId, this._appParam.renderParam, this._appParam.postProcessParam);
@@ -2139,7 +2140,7 @@ class ThreeJsApp {
         this.viewport.markRenderStateDirty();
     }
     onWindowResize(width, height) {
-        if (this.camera instanceof three.PerspectiveCamera) {
+        if (this.camera instanceof webgpu.PerspectiveCamera) {
             this.camera.aspect = width / height;
         }
         // if(this.camera instanceof OrthographicCamera)
@@ -2214,7 +2215,7 @@ class Actor extends BaseObject {
         this.constructRootComponent(myThreeObject);
     }
     constructRootComponent(myThreeObject = null) {
-        let tObject = myThreeObject ? myThreeObject : new three.Group();
+        let tObject = myThreeObject ? myThreeObject : new webgpu.Group();
         if (tObject.isMesh) {
             let mesh = tObject;
             this._rootComponent = new MeshComponent(mesh);
@@ -2226,7 +2227,7 @@ class Actor extends BaseObject {
         }
     }
     getBoundsCenterPosition(bInWorldSpace = true) {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         this.getBounds().getCenter(ret);
         if (!bInWorldSpace) {
             return ret.sub(this.getPosition());
@@ -2236,7 +2237,7 @@ class Actor extends BaseObject {
         }
     }
     getBoundsTopCenterPosition(bInWorldSpace = true) {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         let bounds = this.rootComponent.getBounds();
         bounds.getCenter(ret);
         ret.y = bounds.max.y;
@@ -2248,7 +2249,7 @@ class Actor extends BaseObject {
         }
     }
     getBoundsBottomCenterPosition(bInWorldSpace = true) {
-        let ret = new three.Vector3();
+        let ret = new webgpu.Vector3();
         let bounds = this.getBounds();
         bounds.getCenter(ret);
         ret.y = bounds.min.y;
@@ -2580,7 +2581,7 @@ class DirectionalLightComponent extends LightComponent {
         this.threeObject.castShadow = value;
     }
     constructor(color = 0xffffff, intensity = 10) {
-        let obj = new three.DirectionalLight(color, intensity);
+        let obj = new webgpu.DirectionalLight(color, intensity);
         super(obj);
         this.obj = obj;
         obj.castShadow = true;
@@ -2619,13 +2620,13 @@ class DirectionalLightActor extends Actor {
 }
 
 class BoxComponent extends MeshComponent {
-    constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new three.MeshStandardMaterial()) {
-        super(new three.BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material);
+    constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshStandardMaterial()) {
+        super(new webgpu.BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material);
     }
 }
 
 class BoxActor extends Actor {
-    constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new three.MeshBasicMaterial()) {
+    constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshBasicMaterial()) {
         super();
         this.addComponent(new BoxComponent(width, height, depth, widthSegments, heightSegments, depthSegments, material));
     }
@@ -2633,7 +2634,7 @@ class BoxActor extends Actor {
 
 class PlaneComponent extends MeshComponent {
     constructor(width, height, material, widthSegments = 1, heightSegments = 1) {
-        super(new three.PlaneGeometry(width, height, widthSegments, heightSegments), material);
+        super(new webgpu.PlaneGeometry(width, height, widthSegments, heightSegments), material);
     }
 }
 
@@ -2641,7 +2642,7 @@ class PlaneActor extends Actor {
     get planeComponent() {
         return this._planeComponent;
     }
-    constructor(width, height, material = new three.MeshBasicMaterial(), widthSegments = 1, heightSegments = 1) {
+    constructor(width, height, material = new webgpu.MeshBasicMaterial(), widthSegments = 1, heightSegments = 1) {
         super();
         this._planeComponent = new PlaneComponent(width, height, material, widthSegments, heightSegments);
         this._planeComponent.setRotation(Math.PI * 0.5 * -1, 0, 0);
@@ -2692,8 +2693,8 @@ const DefaultSSRParam = {
 };
 
 class SphereComponent extends MeshComponent {
-    constructor(radius, material = new three.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
-        super(new three.SphereGeometry(radius, widthSegments, heightSegments), material);
+    constructor(radius, material = new webgpu.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
+        super(new webgpu.SphereGeometry(radius, widthSegments, heightSegments), material);
     }
 }
 
@@ -2707,7 +2708,7 @@ class LabelComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(domElement, center = new three.Vector2(0.5, 1)) {
+    constructor(domElement, center = new webgpu.Vector2(0.5, 1)) {
         let obj = new CSS2DRenderer_js.CSS2DObject(domElement);
         super(obj);
         this.obj = obj;
@@ -2757,7 +2758,7 @@ class TransformGizmo extends Pawn {
     constructor(controller) {
         super(controller);
         this._control = null;
-        this.helperObject = new three.Object3D();
+        this.helperObject = new webgpu.Object3D();
         this.targets = [];
         this.primaryTarget = null;
         this.targetMatrixMap = new Map();
@@ -2831,7 +2832,7 @@ class TransformGizmo extends Pawn {
                 if (tar !== this.primaryTarget) {
                     let t = this.targetMatrixMap.get(tar);
                     if (t) {
-                        let TB2 = new three.Matrix4().multiplyMatrices(TA2, t); // B 
+                        let TB2 = new webgpu.Matrix4().multiplyMatrices(TA2, t); // B 
                         tar.onTransforming(TB2);
                     }
                 }
@@ -2907,7 +2908,6 @@ exports.BoxComponent = BoxComponent;
 exports.Controller = Controller;
 exports.DefaultAppParam = DefaultAppParam;
 exports.DefaultBloomParam = DefaultBloomParam;
-exports.DefaultCameraParam = DefaultCameraParam;
 exports.DefaultDOFParam = DefaultDOFParam;
 exports.DefaultDenoiseParam = DefaultDenoiseParam;
 exports.DefaultGTAOParam = DefaultGTAOParam;