lythreeframe 1.0.22 → 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,7 +2042,7 @@ 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;
@@ -2105,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);
@@ -2141,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)
@@ -2216,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);
@@ -2228,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());
@@ -2238,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;
@@ -2250,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;
@@ -2582,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;
@@ -2621,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));
     }
@@ -2635,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);
     }
 }
 
@@ -2643,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);
@@ -2694,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);
     }
 }
 
@@ -2709,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;
@@ -2759,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();
@@ -2833,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);
                     }
                 }

package/dist/bundle.esm.js

@@ -1,7 +1,6 @@
-import { MathUtils, Group, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, BufferGeometry, Material, Texture, LoadingManager, FileLoader, Scene, NoToneMapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping, NeutralToneMapping, Vector2, Raycaster, PerspectiveCamera, OrthographicCamera, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry, Object3D } from 'three';
+import { MathUtils, Group, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, BufferGeometry, Material, Texture, LoadingManager, FileLoader, Scene, NoToneMapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping, NeutralToneMapping, WebGPURenderer, PostProcessing, Color, Vector2, Raycaster, PerspectiveCamera, OrthographicCamera, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry, Object3D } from 'three/webgpu';
 import { GLTFLoader, DRACOLoader, CSS2DRenderer, OrbitControls } from 'three/examples/jsm/Addons.js';
 import { pass, mrt, output, uniform, velocity, metalness, transformedNormalView, blendColor, time, oscSine } from 'three/tsl';
-import { WebGPURenderer, PostProcessing, Color } from 'three/webgpu';
 import { bloom } from 'three/examples/jsm/tsl/display/BloomNode.js';
 import { denoise } from 'three/examples/jsm/tsl/display/DenoiseNode.js';
 import { dof } from 'three/examples/jsm/tsl/display/DepthOfFieldNode.js';

package/dist/lythreeframe/AssetManagement/AssetManager.d.ts

@@ -1,4 +1,4 @@
-import { BufferGeometry, LoadingManager, Material, Mesh, Texture } from 'three';
+import { BufferGeometry, LoadingManager, Material, Mesh, Texture } from "three/webgpu";
 import { SceneComponent } from "../Object/Components/SceneComponent";
 import { LYLoadTask } from "./Task/Task";
 import { TAssetPointer } from "./AssetPointer/AssetPointer";

package/dist/lythreeframe/AssetManagement/AssetPointer/AssetPointer.d.ts

@@ -1,4 +1,4 @@
-import { BufferGeometry, Material, Texture } from "three";
+import { BufferGeometry, Material, Texture } from "three/webgpu";
 import { TSmartPointer } from "../../Container/SmartPointer";
 export declare class TAssetPointer<T extends BufferGeometry | Texture | Material> extends TSmartPointer<T> {
     get uuid(): string;

package/dist/lythreeframe/Factory/CameraFactory.d.ts

@@ -1,6 +1,6 @@
-import { OrthographicCamera, PerspectiveCamera } from "three";
+import { OrthographicCamera, PerspectiveCamera } from "three/webgpu";
 import { CameraParam } from "../Frame/Parameters/CameraParameter";
 export declare class CameraFactory {
-    static createCamera(param: CameraParam): PerspectiveCamera | OrthographicCamera;
+    static createCamera(param: CameraParam): any;
     static updataCamera(param: CameraParam, camera: PerspectiveCamera | OrthographicCamera): PerspectiveCamera | OrthographicCamera;
 }

package/dist/lythreeframe/Frame/Controller.d.ts

@@ -1,5 +1,5 @@
 import { ThreeJsApp } from "../ThreeJsApp";
-import { Euler, Intersection, OrthographicCamera, PerspectiveCamera, Quaternion, Vector3 } from "three";
+import { Euler, Intersection, OrthographicCamera, PerspectiveCamera, Quaternion, Vector3 } from "three/webgpu";
 import { World } from "./World";
 import { Viewport } from "./Viewport";
 import { Pawn } from "../Object/PawnV2/Pawn";

package/dist/lythreeframe/Frame/World.d.ts

@@ -1,4 +1,4 @@
-import { Scene } from "three";
+import { Scene } from "three/webgpu";
 import { ThreeJsApp } from "../ThreeJsApp";
 import { Viewport } from "./Viewport";
 import { Controller } from "./Controller";

package/dist/lythreeframe/Geometry/PlaneGeometry.d.ts

@@ -1,3 +1,3 @@
-import { BufferGeometry } from 'three';
+import { BufferGeometry } from "three/webgpu";
 declare function createPlaneGeometryFaceUp(): BufferGeometry;
 export { createPlaneGeometryFaceUp };

package/dist/lythreeframe/Geometry/TriangleGeometry.d.ts

@@ -1,3 +1,3 @@
-import { BufferGeometry } from 'three';
+import { BufferGeometry } from "three/webgpu";
 declare function createArrowHeadGeometry(): BufferGeometry;
 export { createArrowHeadGeometry };

package/dist/lythreeframe/Library/Math.d.ts

@@ -1,4 +1,4 @@
-import { Vector3, Quaternion, Object3D, Box3, Plane, Euler } from "three";
+import { Vector3, Quaternion, Object3D, Box3, Euler } from "three/webgpu";
 export interface Segment {
     pointA: Vector3;
     pointB: Vector3;
@@ -11,8 +11,8 @@ export declare class LYMath {
         y: number;
         z: number;
     };
-    static getQuatFromAxis(forwardVector: Vector3, upVector?: Vector3): Quaternion;
-    static MaxVector(v1: Vector3, v2: Vector3): Vector3;
+    static getQuatFromAxis(forwardVector: Vector3, upVector?: Vector3): any;
+    static MaxVector(v1: Vector3, v2: Vector3): any;
     static clamp(value: number, min: number, max: number): number;
     static getPlaneConstantFromPointAndNormal(point: Vector3, normal: Vector3): number;
     static getSizeAndCenterOfObject3D(object: Object3D): {
@@ -22,6 +22,6 @@ export declare class LYMath {
     };
     static SegmentsIntersection(segmentA: Segment, segmentB: Segment): Vector3 | null;
     static getCenterPointInPoints(points: Vector3[]): Vector3;
-    static contructPlane(dirction: Vector3, position: Vector3, quaternion: Quaternion, scale: Vector3): Plane;
-    static intersectRayPlane(rayOrigin: Vector3, rayDirection: Vector3, planeNormal: Vector3, planePoint: Vector3): Vector3 | null;
+    static contructPlane(dirction: Vector3, position: Vector3, quaternion: Quaternion, scale: Vector3): any;
+    static intersectRayPlane(rayOrigin: Vector3, rayDirection: Vector3, planeNormal: Vector3, planePoint: Vector3): any;
 }

package/dist/lythreeframe/Library/ResourceLibrary.d.ts

@@ -1,4 +1,4 @@
-import { Mesh } from "three";
+import { Mesh } from "three/webgpu";
 export declare class ThreeObjectLibrary {
     static disposeMeshMaterial(mesh: Mesh): void;
     static disposeMeshGeometry(mesh: Mesh): void;

package/dist/lythreeframe/Object/Actor.d.ts

@@ -1,4 +1,4 @@
-import { Vector3, Quaternion, Euler, Matrix4, Object3D } from "three";
+import { Vector3, Quaternion, Euler, Matrix4, Object3D } from "three/webgpu";
 import { BaseObject } from "./BaseObject";
 import { AttachmentRules } from "../Defines";
 import { SceneComponent } from "./Components/SceneComponent";
@@ -22,10 +22,10 @@ export declare class Actor extends BaseObject {
     protected onHoverEndEvent: ((component?: SceneComponent) => void)[];
     constructor(myThreeObject?: Object3D | null);
     protected constructRootComponent(myThreeObject?: Object3D | null): void;
-    getBoundsCenterPosition(bInWorldSpace?: boolean): Vector3;
-    getBoundsTopCenterPosition(bInWorldSpace?: boolean): Vector3;
-    getBoundsBottomCenterPosition(bInWorldSpace?: boolean): Vector3;
-    getBounds(): import("three").Box3;
+    getBoundsCenterPosition(bInWorldSpace?: boolean): any;
+    getBoundsTopCenterPosition(bInWorldSpace?: boolean): any;
+    getBoundsBottomCenterPosition(bInWorldSpace?: boolean): any;
+    getBounds(): Box3;
     destroy(): void;
     setVisible(bVisible: boolean): void;
     setLayers(layer: number, bAffectChildActor?: boolean): void;

package/dist/lythreeframe/Object/Actors/Light/DirectionalLightActor.d.ts

@@ -1,4 +1,4 @@
-import { ColorRepresentation } from "three";
+import { ColorRepresentation } from "three/webgpu";
 import { Actor } from "../../Actor";
 import { DirectionalLightComponent } from "../../Components/Light/DirectionalLight/DirectionalLightComponent";
 export declare class DirectionalLightActor extends Actor {

package/dist/lythreeframe/Object/Actors/Shape/BoxActor.d.ts

@@ -1,4 +1,4 @@
-import { Material } from "three";
+import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
 export declare class BoxActor extends Actor {
     constructor(width?: number, height?: number, depth?: number, widthSegments?: number, heightSegments?: number, depthSegments?: number, material?: Material);

package/dist/lythreeframe/Object/Actors/Shape/PlaneActor.d.ts

@@ -1,4 +1,4 @@
-import { Material } from "three";
+import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
 import { PlaneComponent } from "../../Components/Mesh/Shape/PlaneComponent";
 export declare class PlaneActor extends Actor {

package/dist/lythreeframe/Object/Actors/Sky/SkyActor.d.ts

@@ -0,0 +1,8 @@
+import { EditorSkyComponent } from "@editor/Object/Components/Sky/EditorSkyComponent";
+import { EditorActor } from "../EditorActor";
+export declare class EditorSkyActor extends EditorActor {
+    protected _name: string;
+    protected skyComponent: EditorSkyComponent | null;
+    constructor();
+    protected constructRootComponent(): void;
+}

package/dist/lythreeframe/Object/Components/2D/2DComponent.d.ts

@@ -1,11 +1,10 @@
 import { CSS2DObject } from "three/examples/jsm/renderers/CSS2DRenderer.js";
-import { Vector2 } from "three";
 import { SceneComponent } from "../SceneComponent";
 export declare class LabelComponent extends SceneComponent {
     get threeObject(): CSS2DObject;
     set threeObject(newThreeObject: CSS2DObject);
     protected obj: CSS2DObject;
-    constructor(domElement: HTMLElement, center?: Vector2);
+    constructor(domElement: HTMLElement, center?: any);
     set isHoverEnabled(bCanHorver: boolean);
     set isClickEnabled(bCanClick: boolean);
     setVisible(bVisible: boolean): void;

package/dist/lythreeframe/Object/Components/Camera/CameraComponent.d.ts

@@ -1,5 +1,5 @@
 import { SceneComponent } from "../SceneComponent";
-import { OrthographicCamera, PerspectiveCamera } from "three";
+import { OrthographicCamera, PerspectiveCamera } from "three/webgpu";
 interface CameraParam {
     near: number;
     far: number;

package/dist/lythreeframe/Object/Components/Component.d.ts

@@ -1,4 +1,4 @@
-import { Object3D } from "three";
+import { Object3D } from "three/webgpu";
 import { BaseObject } from "../BaseObject";
 import { Actor } from "../Actor";
 export declare abstract class Component extends BaseObject {

package/dist/lythreeframe/Object/Components/Light/DirectionalLight/DirectionalLightComponent.d.ts

@@ -1,5 +1,5 @@
 import { LightComponent } from "../LightComponent";
-import { ColorRepresentation, DirectionalLight, Vector3 } from "three";
+import { ColorRepresentation, DirectionalLight, Vector3 } from "three/webgpu";
 import { World } from "../../../../Frame/World";
 export declare class DirectionalLightComponent extends LightComponent {
     get threeObject(): DirectionalLight;

package/dist/lythreeframe/Object/Components/Light/LightComponent.d.ts

@@ -1,4 +1,4 @@
-import { ColorRepresentation, Light } from "three";
+import { ColorRepresentation, Light } from "three/webgpu";
 import { SceneComponent } from "../SceneComponent";
 export declare abstract class LightComponent extends SceneComponent {
     get threeObject(): Light;

package/dist/lythreeframe/Object/Components/Mesh/InstanceMesh/InstanceMeshComponent.d.ts

@@ -1,4 +1,4 @@
-import { BufferGeometry, Material, Matrix4 } from "three";
+import { BufferGeometry, Material, Matrix4 } from "three/webgpu";
 import { MeshComponent } from "../MeshComponent";
 export declare class LYInstanceMeshComponent extends MeshComponent {
     constructor(geometry: BufferGeometry, material: Material | Material[], matrices: Matrix4[]);

package/dist/lythreeframe/Object/Components/Mesh/InstanceMesh/MultiInstanceMeshComponent.d.ts

@@ -1,4 +1,4 @@
-import { Matrix4, Object3D } from "three";
+import { Matrix4, Object3D } from "three/webgpu";
 import { SceneComponent } from "../../SceneComponent";
 export declare class LYMultiInstanceMeshComponent extends SceneComponent {
     get matrices(): Matrix4[];

package/dist/lythreeframe/Object/Components/Mesh/MeshComponent.d.ts

@@ -1,5 +1,4 @@
-import { BufferGeometry, Material, Mesh } from 'three';
-import { Vector3 } from "three";
+import { BufferGeometry, Material, Mesh } from "three/webgpu";
 import { SceneComponent } from "../SceneComponent";
 export declare class MeshComponent extends SceneComponent {
     get threeObject(): Mesh | null;
@@ -13,10 +12,10 @@ export declare class MeshComponent extends SceneComponent {
     constructor(geometry: BufferGeometry, material: Material | Material[] | null);
     set castShadow(bCast: boolean);
     get castShadow(): boolean;
-    set receiveShadow(bReceive: boolean);
-    get receiveShadow(): boolean;
-    getBoundsCenterPosition(): Vector3;
-    getBoundsTopCenterPosition(): Vector3;
-    getBoundsBottomCenterPosition(): Vector3;
+    set receiveShadow(bReceive: any);
+    get receiveShadow(): any;
+    getBoundsCenterPosition(): any;
+    getBoundsTopCenterPosition(): any;
+    getBoundsBottomCenterPosition(): any;
     destroyObject(): void;
 }

package/dist/lythreeframe/Object/Components/Mesh/Shape/BoxComponent.d.ts

@@ -1,4 +1,4 @@
-import { Material } from "three";
+import { Material } from "three/webgpu";
 import { MeshComponent } from "../MeshComponent";
 export declare class BoxComponent extends MeshComponent {
     constructor(width?: number, height?: number, depth?: number, widthSegments?: number, heightSegments?: number, depthSegments?: number, material?: Material);

package/dist/lythreeframe/Object/Components/Mesh/Shape/PlaneComponent.d.ts

@@ -1,4 +1,4 @@
-import { Material } from "three";
+import { Material } from "three/webgpu";
 import { MeshComponent } from "../MeshComponent";
 export declare class PlaneComponent extends MeshComponent {
     constructor(width: number, height: number, material: Material, widthSegments?: number, heightSegments?: number);

package/dist/lythreeframe/Object/Components/Mesh/Shape/SphereComponent.d.ts

@@ -1,5 +1,4 @@
-import { MeshBasicMaterial } from "three";
 import { MeshComponent } from "../MeshComponent";
 export declare class SphereComponent extends MeshComponent {
-    constructor(radius: number, material?: MeshBasicMaterial, widthSegments?: number, heightSegments?: number);
+    constructor(radius: number, material?: any, widthSegments?: number, heightSegments?: number);
 }

package/dist/lythreeframe/Object/Components/Mesh/Sprite/SpriteComponent.d.ts

@@ -1,4 +1,4 @@
-import { Sprite, Texture } from "three";
+import { Sprite, Texture } from "three/webgpu";
 import { SceneComponent } from "../../SceneComponent";
 export declare class SpriteComponent extends SceneComponent {
     get threeObject(): Sprite;

package/dist/lythreeframe/Object/Components/SceneComponent.d.ts

@@ -1,5 +1,5 @@
 import { Actor } from "../Actor";
-import { Box3, Euler, Matrix4, Object3D, Quaternion, Vector3 } from "three";
+import { Box3, Euler, Matrix4, Object3D, Quaternion, Vector3 } from "three/webgpu";
 import { Component } from "./Component";
 import { World } from "../../Frame/World";
 import { AttachmentRules } from "../../Defines";
@@ -23,29 +23,29 @@ export declare class SceneComponent extends Component {
     onAddedToWorld(world: World): void;
     destroy(): void;
     destroyObject(): void;
-    getPosition(): Vector3;
+    getPosition(): any;
     setPosition(position: Vector3): void;
     setPosition(x: number, y: number, z: number): void;
-    getRotation(): Euler;
+    getRotation(): any;
     setRotation(rotation: Euler): void;
     setRotation(x: number, y: number, z: number): void;
-    getQuaternion(): Quaternion;
+    getQuaternion(): any;
     setQuaternion(quat: Quaternion): void;
     setQuaternion(x: number, y: number, z: number, w: number): void;
-    getScale(): Vector3;
+    getScale(): any;
     setScale(position: Vector3): void;
     setScale(x: number, y: number, z: number): void;
     getMatrix(): Matrix4;
     setMatrix(matrix: Matrix4): void;
-    getWorldPosition(): Vector3;
-    getWorldRotation(): Euler;
-    getWorldQuaternion(): Quaternion;
-    getWorldScale(): Vector3;
-    getWorldMatrix(): Matrix4;
+    getWorldPosition(): any;
+    getWorldRotation(): any;
+    getWorldQuaternion(): any;
+    getWorldScale(): any;
+    getWorldMatrix(): any;
     setWorldMatrix(newMatrix: Matrix4): void;
-    getWorldForwardDirection(): Vector3;
-    getWorldUpDirection(): Vector3;
-    getWorldRightDirection(): Vector3;
+    getWorldForwardDirection(): any;
+    getWorldUpDirection(): any;
+    getWorldRightDirection(): any;
     worldToLocal(vec: Vector3): Vector3;
     localToWorld(vec: Vector3): Vector3;
     attachComponent(newComponent: SceneComponent): void;

package/dist/lythreeframe/Object/Components/Sky/SkyComponent.d.ts

@@ -0,0 +1,20 @@
+import { SkyMesh } from "three/examples/jsm/objects/SkyMesh.js";
+import { SceneComponent } from "../SceneComponent";
+export interface SkyComponentParam {
+    turbidity: number;
+    rayleigh: number;
+    mieCoefficient: number;
+    mieDirectionalG: number;
+    elevation: number;
+    azimuth: number;
+}
+export declare const DefaultSkyParam: SkyComponentParam;
+export declare class SkyComponent extends SceneComponent {
+    get threeObject(): SkyMesh;
+    set threeObject(newThreeObject: SkyMesh);
+    protected obj: SkyMesh | null;
+    private skyParam;
+    private sunPosition;
+    constructor(skyparam?: SkyComponentParam);
+    private updateSky;
+}

package/dist/lythreeframe/Object/PawnV2/Oribital.d.ts

@@ -1,13 +1,13 @@
 import { Pawn } from "./Pawn";
 import { Controller } from "../../Frame/Controller";
 import { OrbitControls } from "three/examples/jsm/Addons.js";
-import { Euler, Quaternion, Vector3 } from "three";
+import { Euler, Quaternion, Vector3 } from "three/webgpu";
 export declare class Orbital extends Pawn {
     private anim;
     get control(): OrbitControls;
     protected _control: OrbitControls;
     protected changeEvent: () => void;
-    get camera(): import("three").PerspectiveCamera | import("three").OrthographicCamera;
+    get camera(): any;
     constructor(controller: Controller);
     possess(): void;
     unpossess(): void;

package/dist/lythreeframe/Object/PawnV2/Pawn.d.ts

@@ -1,7 +1,7 @@
-import { Euler, Quaternion, Vector3 } from "three";
+import { Euler, Quaternion, Vector3 } from "three/webgpu";
 import { Controller } from "../../Frame/Controller";
 export declare abstract class Pawn {
-    get camera(): import("three").PerspectiveCamera | import("three").OrthographicCamera;
+    get camera(): any;
     set enabled(value: boolean);
     get control(): any;
     protected _control: any | null;

package/dist/lythreeframe/Object/PawnV2/TransformControl.d.ts

@@ -1,5 +1,5 @@
 import { Pawn } from "./Pawn";
-import { Matrix4 } from "three";
+import { Matrix4 } from "three/webgpu";
 import { TransformControls } from "three/examples/jsm/controls/TransformControls.js";
 import { Controller } from "../../Frame/Controller";
 export interface TransformType {

package/dist/lythreeframe/PostProcess/Param/Outline.d.ts

@@ -1,4 +1,4 @@
-import { ColorRepresentation } from "three";
+import { ColorRepresentation } from "three/webgpu";
 export interface OutlineParams {
     edgeStrength: number;
     edgeGlow: number;

package/dist/lythreeframe/PostProcess/Param/ToneMapping.d.ts

@@ -6,4 +6,4 @@ export declare const DefaultToneMappingParams: {
     exposure: number;
     toneMapping: string;
 };
-export declare const ToneMappingOptions: Map<string, 0 | 1 | 2 | 3 | 4 | 6 | 7>;
+export declare const ToneMappingOptions: Map<string, any>;

package/dist/lythreeframe/PostProcess/WebGPUPostProcessFactory.d.ts

@@ -1,5 +1,5 @@
 import { OutlineParams } from './Param/Outline';
-import { Scene, Camera, Object3D } from "three";
+import { Scene, Camera, Object3D } from "three/webgpu";
 import BloomNode from "three/examples/jsm/tsl/display/BloomNode.js";
 import DenoiseNode from "three/examples/jsm/tsl/display/DenoiseNode.js";
 import DepthOfFieldNode from "three/examples/jsm/tsl/display/DepthOfFieldNode.js";

package/dist/lythreeframe/ThreeJsApp.d.ts

@@ -1,7 +1,7 @@
 import { World } from "./Frame/World";
 import { Viewport } from "./Frame/Viewport";
 import { Controller } from "./Frame/Controller";
-import { Clock, OrthographicCamera, PerspectiveCamera } from "three";
+import { Clock, OrthographicCamera, PerspectiveCamera } from "three/webgpu";
 import { Delegate } from './Delegate';
 import { CameraParam } from './Frame/Parameters/CameraParameter';
 import { AppParam } from './Frame/Parameters/AppParameter';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lythreeframe",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Three.js 封装",
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",
@@ -12,18 +12,18 @@
   },
   "peerDependencies": {
     "gsap": "^3.12.2",
-    "three": "^0.173.0",
-    "@types/three": "^0.173.0"
+    "three": "^0.174.0",
+    "@types/three": "^0.174.0"
   },
   "files": [
     "dist"
   ],
   "devDependencies": {
     "@rollup/plugin-typescript": "^12.1.2",
-    "@types/three": "^0.173.0",
+    "@types/three": "^0.174.0",
     "gsap": "^3.12.2",
     "rollup": "^4.35.0",
-    "three": "^0.173.0",
+    "three": "^0.174.0",
     "tslib": "^2.8.1",
     "typescript": "^5.8.2"
   },