lythreeframe 1.1.19 → 1.2.1

package/dist/bundle.cjs.js

@@ -17,7 +17,7 @@ var gsap = require('gsap');
 var three = require('three');
 var SkyMesh_js = require('three/examples/jsm/objects/SkyMesh.js');
 var CSS2DRenderer_js = require('three/examples/jsm/renderers/CSS2DRenderer.js');
-var PointerLockControls = require('three/examples/jsm/controls/PointerLockControls');
+var PointerLockControls_js = require('three/examples/jsm/controls/PointerLockControls.js');
 var TransformControls_js = require('three/examples/jsm/controls/TransformControls.js');
 
 /*
@@ -85,14 +85,17 @@ class Component extends BaseObject {
     set name(name) {
         this._name = name;
     }
-    constructor(newThreeObject) {
-        super(newThreeObject.uuid);
+    constructor(uuid) {
+        super(uuid ? uuid : webgpu.MathUtils.generateUUID());
         this.obj = null;
         this._parentActor = null;
         this._name = "Component";
         this._parentActor = null;
-        this.threeObject = newThreeObject;
-        this._name = `${newThreeObject.type}Component`;
+        this.threeObject = this.createDefaultObject();
+        this._name = `${this.threeObject.type}Component`;
+    }
+    createDefaultObject(_arg) {
+        return new webgpu.Object3D();
     }
     destroyObject() {
         if (!this.obj) {
@@ -128,15 +131,15 @@ class SceneComponent extends Component {
     get world() {
         return this.app.world;
     }
-    constructor(app, newThreeObject) {
-        super(newThreeObject);
+    constructor(app, uuid) {
+        super(uuid);
         this.bCanHover = false;
         this.bCanClick = false;
         this.app = app;
-        this._name = "SceneComponent";
+        this.name = "SceneComponent";
     }
-    createDefaultThreeObject() {
-        this.threeObject = new webgpu.Group();
+    createDefaultObject() {
+        return new webgpu.Object3D();
     }
     tick(deltaTime) {
         super.tick(deltaTime);
@@ -689,6 +692,9 @@ class SceneComponent extends Component {
 
 class MeshComponent extends SceneComponent {
     get threeObject() {
+        if (!this.obj) {
+            throw new Error("threeObject is null");
+        }
         return this.obj;
     }
     set threeObject(newThreeObject) {
@@ -767,7 +773,7 @@ class MeshComponent extends SceneComponent {
         }
         this._materialPtr = matPtrs;
     }
-    constructor(app, geometry, material) {
+    constructor(app, geometry, material, uuid) {
         let matPtrs = [];
         let mats = Array.isArray(material) ? material : [material];
         mats.forEach((elem) => {
@@ -775,15 +781,18 @@ class MeshComponent extends SceneComponent {
             if (ptr)
                 matPtrs.push(ptr);
         });
-        let newMesh = new webgpu.Mesh(geometry, material);
-        super(app, newMesh);
+        super(app, uuid);
         this.obj = null;
         this._geometryPtr = app.assetManager.addGeometryAsset(geometry);
         this._materialPtr = matPtrs;
         matPtrs.forEach((elem) => {
             elem.addRef();
         });
-        this.threeObject = newMesh;
+        this.threeObject.material = material;
+        this.threeObject.geometry = geometry;
+    }
+    createDefaultObject() {
+        return new webgpu.Mesh();
     }
     set castShadow(bCast) {
         if (this.threeObject)
@@ -920,7 +929,8 @@ class MaterialAssetPointer extends TAssetPointer {
         }
         try {
             this.textures.set(name, texturePtr);
-            this.getValue()[name] = texture;
+            const matAny = mat;
+            matAny[name] = texture;
             texturePtr.addRef();
             mat.needsUpdate = true;
         }
@@ -1150,8 +1160,9 @@ class AssetManager {
         if (!pointer) {
             let textureMap = new Map();
             for (let k in asset) {
-                if (asset[k] instanceof webgpu.Texture) {
-                    let ptr = this.addTextureAsset(asset[k], 1);
+                const value = asset[k];
+                if (value instanceof webgpu.Texture) {
+                    let ptr = this.addTextureAsset(value, 1);
                     textureMap.set(k, ptr);
                 }
             }
@@ -1731,7 +1742,6 @@ class Viewport {
                 this.smaaPass = null;
             }
         }
-        console.log(this.postProcessParam, "sssssssssssssssssssss");
         this.postProcessing.outputNode = finalNode;
         this.markRenderStateDirty();
     }
@@ -2360,8 +2370,8 @@ class Actor extends BaseObject {
             this.app.world.removeTickableActor(this);
         }
     }
-    constructor(app, myThreeObject = null) {
-        super();
+    constructor(app, uuid) {
+        super(uuid);
         this._name = "Actor";
         this._rootComponent = null;
         this._world = null;
@@ -2370,19 +2380,11 @@ class Actor extends BaseObject {
         this.onHoverBeginEvent = [];
         this.onHoverEndEvent = [];
         this.app = app;
-        this.constructRootComponent(myThreeObject);
+        this.rootComponent = this.constructRootComponent();
+        this.rootComponent.parentActor = this;
     }
-    constructRootComponent(myThreeObject = null) {
-        let tObject = myThreeObject ? myThreeObject : new webgpu.Group();
-        if (tObject.isMesh) {
-            let mesh = tObject;
-            this._rootComponent = new MeshComponent(this.app, mesh.geometry, mesh.material);
-            this.rootComponent.parentActor = this;
-        }
-        else {
-            this._rootComponent = new SceneComponent(this.app, tObject);
-            this.rootComponent.parentActor = this;
-        }
+    constructRootComponent() {
+        return new SceneComponent(this.app);
     }
     getBoundsCenterPosition(bInWorldSpace = true) {
         let ret = new webgpu.Vector3();
@@ -2704,6 +2706,27 @@ class ThreeObjectLibrary {
     }
 }
 
+class LevelComponent extends SceneComponent {
+    get threeObject() {
+        if (!this.obj) {
+            throw Error("three object is invalid");
+        }
+        return this.obj;
+    }
+    set threeObject(newThreeObject) {
+        this.obj = newThreeObject;
+        if (this.obj) {
+            this.obj.userData["LYObject"] = this;
+        }
+    }
+    constructor(app, uuid) {
+        super(app, uuid);
+    }
+    createDefaultObject() {
+        return new three.Scene();
+    }
+}
+
 class LevelActor extends Actor {
     get scene() {
         if (!this._scene) {
@@ -2711,13 +2734,15 @@ class LevelActor extends Actor {
         }
         return this._scene;
     }
-    constructor(app) {
-        let scene = new webgpu.Scene();
-        super(app, scene);
+    constructor(app, uuid) {
+        super(app, uuid);
         this._scene = null;
-        this._scene = scene;
+        this._scene = this.rootComponent.threeObject;
         this.isTickEnabled = false;
     }
+    constructRootComponent() {
+        return new LevelComponent(this.app, this.uuid);
+    }
     tick(_deltaTime) {
         if (!this.isTickEnabled) {
             return;
@@ -2726,13 +2751,14 @@ class LevelActor extends Actor {
     }
     destroy() {
         this.clearLevel();
+        super.destroy();
     }
     clearLevel() {
         this.childActors.forEach((elem) => {
             elem.destroy();
         });
         this.scene.traverse((child) => {
-            if (child instanceof three.Mesh) {
+            if (child instanceof webgpu.Mesh) {
                 ThreeObjectLibrary.disposeMeshResource(child);
             }
         });
@@ -2862,9 +2888,9 @@ class LightComponent extends SceneComponent {
     set intensity(intensity) {
         this.threeObject.intensity = intensity;
     }
-    constructor(app, light) {
-        super(app, light);
-        this.obj = light;
+    constructor(app, uuid) {
+        super(app, uuid);
+        this.obj = null;
     }
 }
 
@@ -2887,11 +2913,14 @@ class DirectionalLightComponent extends LightComponent {
     set castShadow(value) {
         this.threeObject.castShadow = value;
     }
-    constructor(app, color = 0xffffff, intensity = 10) {
-        let obj = new webgpu.DirectionalLight(color, intensity);
-        super(app, obj);
-        this.obj = obj;
-        obj.castShadow = true;
+    constructor(app, color = 0xffffff, intensity = 10, uuid) {
+        super(app, uuid);
+        this.obj = null;
+        this.threeObject.color.set(color);
+        this.threeObject.intensity = intensity;
+    }
+    createDefaultObject() {
+        return new webgpu.DirectionalLight(0xffffff, 10);
     }
     setPosition(...args) {
         if (args.length === 1) {
@@ -2918,34 +2947,34 @@ class DirectionalLightComponent extends LightComponent {
 }
 
 class DirectionalLightActor extends Actor {
-    constructor(app, color = 0xffffff, intensity = 1) {
-        super(app);
+    constructor(app, color = 0xffffff, intensity = 1, uuid) {
+        super(app, uuid);
         this.lightComponent = null;
         this.lightComponent = this.rootComponent;
         if (this.lightComponent) {
             this.lightComponent.color = color;
             this.lightComponent.intensity = intensity;
+            this.lightComponent.castShadow = true;
         }
         this.lightComponent.castShadow = true;
     }
     constructRootComponent() {
-        this.lightComponent = new DirectionalLightComponent(this.app);
-        this.rootComponent = this.lightComponent;
-        this.lightComponent.castShadow = true;
-        this.rootComponent.parentActor = this;
+        return new DirectionalLightComponent(this.app);
     }
 }
 
 class BoxComponent extends MeshComponent {
-    constructor(app, width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshStandardMaterial()) {
-        super(app, new webgpu.BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material);
+    constructor(app, width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshStandardMaterial(), uuid) {
+        super(app, new webgpu.BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material, uuid);
     }
 }
 
 class BoxActor extends Actor {
-    constructor(app, width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshBasicMaterial()) {
-        super(app);
-        this.addComponent(new BoxComponent(this.app, width, height, depth, widthSegments, heightSegments, depthSegments, material));
+    constructor(app, uuid) {
+        super(app, uuid);
+    }
+    constructRootComponent() {
+        return new BoxComponent(this.app, 1, 1, 1, 1, 1, 1, new webgpu.MeshBasicMaterial(), this.uuid);
     }
 }
 
@@ -2970,18 +2999,19 @@ class SkyComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(app, skyparam) {
-        let obj = new SkyMesh_js.SkyMesh();
-        super(app, obj);
+    constructor(app, skyparam, uuid) {
+        super(app, uuid);
+        this.obj = null;
         this.skyParam = DefaultSkyParam;
         this.sunPosition = new webgpu.Vector3();
-        this.obj = obj;
-        this.name = "SkyComponent";
         if (skyparam) {
             this.skyParam = skyparam;
         }
         this.updateSky();
     }
+    createDefaultObject() {
+        return new SkyMesh_js.SkyMesh();
+    }
     updateSky() {
         var _a, _b;
         this.threeObject.turbidity.value = this.skyParam.turbidity;
@@ -2995,7 +3025,9 @@ class SkyComponent extends SceneComponent {
         (_b = (_a = this.world) === null || _a === void 0 ? void 0 : _a.viewport) === null || _b === void 0 ? void 0 : _b.markRenderStateDirty();
     }
     destroyObject() {
-        ThreeObjectLibrary.disposeMeshResource(this.obj);
+        if (this.obj) {
+            ThreeObjectLibrary.disposeMeshResource(this.obj);
+        }
     }
 }
 
@@ -3010,40 +3042,31 @@ class SkyActor extends Actor {
         this.setScale(45000, 45000, 45000);
     }
     constructRootComponent() {
-        this.skyComponent = new SkyComponent(this.app);
-        this.rootComponent = this.skyComponent;
-        this.rootComponent.parentActor = this;
+        return new SkyComponent(this.app);
     }
 }
 
 class PlaneComponent extends MeshComponent {
-    constructor(app, width, height, material, widthSegments = 1, heightSegments = 1) {
-        super(app, new webgpu.PlaneGeometry(width, height, widthSegments, heightSegments), material);
+    constructor(app, width, height, material, widthSegments = 1, heightSegments = 1, uuid) {
+        super(app, new webgpu.PlaneGeometry(width, height, widthSegments, heightSegments), material, uuid);
     }
 }
 
 class PlaneActor extends Actor {
-    get planeComponent() {
-        return this._planeComponent;
+    constructor(app, uuid) {
+        super(app, uuid);
     }
-    constructor(app, width, height, material = new webgpu.MeshBasicMaterial(), widthSegments = 1, heightSegments = 1) {
-        super(app);
-        this._planeComponent = new PlaneComponent(this.app, width, height, material, widthSegments, heightSegments);
-        this._planeComponent.setRotation(Math.PI * 0.5 * -1, 0, 0);
-        this.addComponent(this._planeComponent);
-        this._planeComponent.receiveShadow = true;
+    constructRootComponent() {
+        return new PlaneComponent(this.app, 1, 1, new webgpu.MeshBasicMaterial(), 1, 1, this.uuid);
     }
     destroy() {
-        var _a;
-        (_a = this._planeComponent) === null || _a === void 0 ? void 0 : _a.destroy();
-        this._planeComponent = null;
         super.destroy();
     }
 }
 
 class SphereComponent extends MeshComponent {
-    constructor(app, radius, material = new webgpu.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
-        super(app, new webgpu.SphereGeometry(radius, widthSegments, heightSegments), material);
+    constructor(app, radius, material = new webgpu.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16, uuid) {
+        super(app, new webgpu.SphereGeometry(radius, widthSegments, heightSegments), material, uuid);
     }
 }
 
@@ -3057,11 +3080,10 @@ class LabelComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(app, domElement, center = new webgpu.Vector2(0.5, 1)) {
-        let obj = new CSS2DRenderer_js.CSS2DObject(domElement);
-        super(app, obj);
-        this.obj = obj;
-        obj.center = center;
+    constructor(app, domElement, center = new webgpu.Vector2(0.5, 1), uuid) {
+        super(app, uuid);
+        this.obj = new CSS2DRenderer_js.CSS2DObject(domElement);
+        this.obj.center.copy(center);
     }
     set isHoverEnabled(bCanHorver) {
         return;
@@ -3128,7 +3150,7 @@ const DefaultSSRParam = {
 class FirstPerson extends Pawn {
     constructor(controller) {
         super(controller);
-        this._control = new PointerLockControls.PointerLockControls(controller.camera, controller.viewPort.canvas);
+        this._control = new PointerLockControls_js.PointerLockControls(controller.camera, controller.viewPort.canvas);
     }
 }
 
@@ -3331,6 +3353,7 @@ exports.FirstPerson = FirstPerson;
 exports.GeometryAssetPointer = GeometryAssetPointer;
 exports.LabelComponent = LabelComponent;
 exports.LevelActor = LevelActor;
+exports.LevelComponent = LevelComponent;
 exports.MaterialAssetPointer = MaterialAssetPointer;
 exports.MeshComponent = MeshComponent;
 exports.Orbital = Orbital;

package/dist/bundle.esm.js

@@ -1,4 +1,4 @@
-import { MathUtils, Group, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, LoadingManager, BufferGeometry, Texture, FileLoader, Material, NoToneMapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping, NeutralToneMapping, WebGPURenderer, PostProcessing, Color, Vector2, Raycaster, PerspectiveCamera, OrthographicCamera, Scene, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry, Object3D } from 'three/webgpu';
+import { MathUtils, Object3D, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, LoadingManager, BufferGeometry, Texture, FileLoader, Material, NoToneMapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping, NeutralToneMapping, WebGPURenderer, PostProcessing, Color, Vector2, Raycaster, PerspectiveCamera, OrthographicCamera, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry } 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 { bloom } from 'three/examples/jsm/tsl/display/BloomNode.js';
@@ -12,10 +12,10 @@ import { motionBlur } from 'three/examples/jsm/tsl/display/MotionBlur.js';
 import { fxaa } from 'three/examples/jsm/tsl/display/FXAANode.js';
 import { smaa } from 'three/examples/jsm/tsl/display/SMAANode.js';
 import { gsap } from 'gsap';
-import { Mesh as Mesh$1 } from 'three';
+import { Scene } from 'three';
 import { SkyMesh } from 'three/examples/jsm/objects/SkyMesh.js';
 import { CSS2DObject } from 'three/examples/jsm/renderers/CSS2DRenderer.js';
-import { PointerLockControls } from 'three/examples/jsm/controls/PointerLockControls';
+import { PointerLockControls } from 'three/examples/jsm/controls/PointerLockControls.js';
 import { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
 
 /*
@@ -83,14 +83,17 @@ class Component extends BaseObject {
     set name(name) {
         this._name = name;
     }
-    constructor(newThreeObject) {
-        super(newThreeObject.uuid);
+    constructor(uuid) {
+        super(uuid ? uuid : MathUtils.generateUUID());
         this.obj = null;
         this._parentActor = null;
         this._name = "Component";
         this._parentActor = null;
-        this.threeObject = newThreeObject;
-        this._name = `${newThreeObject.type}Component`;
+        this.threeObject = this.createDefaultObject();
+        this._name = `${this.threeObject.type}Component`;
+    }
+    createDefaultObject(_arg) {
+        return new Object3D();
     }
     destroyObject() {
         if (!this.obj) {
@@ -126,15 +129,15 @@ class SceneComponent extends Component {
     get world() {
         return this.app.world;
     }
-    constructor(app, newThreeObject) {
-        super(newThreeObject);
+    constructor(app, uuid) {
+        super(uuid);
         this.bCanHover = false;
         this.bCanClick = false;
         this.app = app;
-        this._name = "SceneComponent";
+        this.name = "SceneComponent";
     }
-    createDefaultThreeObject() {
-        this.threeObject = new Group();
+    createDefaultObject() {
+        return new Object3D();
     }
     tick(deltaTime) {
         super.tick(deltaTime);
@@ -687,6 +690,9 @@ class SceneComponent extends Component {
 
 class MeshComponent extends SceneComponent {
     get threeObject() {
+        if (!this.obj) {
+            throw new Error("threeObject is null");
+        }
         return this.obj;
     }
     set threeObject(newThreeObject) {
@@ -765,7 +771,7 @@ class MeshComponent extends SceneComponent {
         }
         this._materialPtr = matPtrs;
     }
-    constructor(app, geometry, material) {
+    constructor(app, geometry, material, uuid) {
         let matPtrs = [];
         let mats = Array.isArray(material) ? material : [material];
         mats.forEach((elem) => {
@@ -773,15 +779,18 @@ class MeshComponent extends SceneComponent {
             if (ptr)
                 matPtrs.push(ptr);
         });
-        let newMesh = new Mesh(geometry, material);
-        super(app, newMesh);
+        super(app, uuid);
         this.obj = null;
         this._geometryPtr = app.assetManager.addGeometryAsset(geometry);
         this._materialPtr = matPtrs;
         matPtrs.forEach((elem) => {
             elem.addRef();
         });
-        this.threeObject = newMesh;
+        this.threeObject.material = material;
+        this.threeObject.geometry = geometry;
+    }
+    createDefaultObject() {
+        return new Mesh();
     }
     set castShadow(bCast) {
         if (this.threeObject)
@@ -918,7 +927,8 @@ class MaterialAssetPointer extends TAssetPointer {
         }
         try {
             this.textures.set(name, texturePtr);
-            this.getValue()[name] = texture;
+            const matAny = mat;
+            matAny[name] = texture;
             texturePtr.addRef();
             mat.needsUpdate = true;
         }
@@ -1148,8 +1158,9 @@ class AssetManager {
         if (!pointer) {
             let textureMap = new Map();
             for (let k in asset) {
-                if (asset[k] instanceof Texture) {
-                    let ptr = this.addTextureAsset(asset[k], 1);
+                const value = asset[k];
+                if (value instanceof Texture) {
+                    let ptr = this.addTextureAsset(value, 1);
                     textureMap.set(k, ptr);
                 }
             }
@@ -1729,7 +1740,6 @@ class Viewport {
                 this.smaaPass = null;
             }
         }
-        console.log(this.postProcessParam, "sssssssssssssssssssss");
         this.postProcessing.outputNode = finalNode;
         this.markRenderStateDirty();
     }
@@ -2358,8 +2368,8 @@ class Actor extends BaseObject {
             this.app.world.removeTickableActor(this);
         }
     }
-    constructor(app, myThreeObject = null) {
-        super();
+    constructor(app, uuid) {
+        super(uuid);
         this._name = "Actor";
         this._rootComponent = null;
         this._world = null;
@@ -2368,19 +2378,11 @@ class Actor extends BaseObject {
         this.onHoverBeginEvent = [];
         this.onHoverEndEvent = [];
         this.app = app;
-        this.constructRootComponent(myThreeObject);
+        this.rootComponent = this.constructRootComponent();
+        this.rootComponent.parentActor = this;
     }
-    constructRootComponent(myThreeObject = null) {
-        let tObject = myThreeObject ? myThreeObject : new Group();
-        if (tObject.isMesh) {
-            let mesh = tObject;
-            this._rootComponent = new MeshComponent(this.app, mesh.geometry, mesh.material);
-            this.rootComponent.parentActor = this;
-        }
-        else {
-            this._rootComponent = new SceneComponent(this.app, tObject);
-            this.rootComponent.parentActor = this;
-        }
+    constructRootComponent() {
+        return new SceneComponent(this.app);
     }
     getBoundsCenterPosition(bInWorldSpace = true) {
         let ret = new Vector3();
@@ -2702,6 +2704,27 @@ class ThreeObjectLibrary {
     }
 }
 
+class LevelComponent extends SceneComponent {
+    get threeObject() {
+        if (!this.obj) {
+            throw Error("three object is invalid");
+        }
+        return this.obj;
+    }
+    set threeObject(newThreeObject) {
+        this.obj = newThreeObject;
+        if (this.obj) {
+            this.obj.userData["LYObject"] = this;
+        }
+    }
+    constructor(app, uuid) {
+        super(app, uuid);
+    }
+    createDefaultObject() {
+        return new Scene();
+    }
+}
+
 class LevelActor extends Actor {
     get scene() {
         if (!this._scene) {
@@ -2709,13 +2732,15 @@ class LevelActor extends Actor {
         }
         return this._scene;
     }
-    constructor(app) {
-        let scene = new Scene();
-        super(app, scene);
+    constructor(app, uuid) {
+        super(app, uuid);
         this._scene = null;
-        this._scene = scene;
+        this._scene = this.rootComponent.threeObject;
         this.isTickEnabled = false;
     }
+    constructRootComponent() {
+        return new LevelComponent(this.app, this.uuid);
+    }
     tick(_deltaTime) {
         if (!this.isTickEnabled) {
             return;
@@ -2724,13 +2749,14 @@ class LevelActor extends Actor {
     }
     destroy() {
         this.clearLevel();
+        super.destroy();
     }
     clearLevel() {
         this.childActors.forEach((elem) => {
             elem.destroy();
         });
         this.scene.traverse((child) => {
-            if (child instanceof Mesh$1) {
+            if (child instanceof Mesh) {
                 ThreeObjectLibrary.disposeMeshResource(child);
             }
         });
@@ -2860,9 +2886,9 @@ class LightComponent extends SceneComponent {
     set intensity(intensity) {
         this.threeObject.intensity = intensity;
     }
-    constructor(app, light) {
-        super(app, light);
-        this.obj = light;
+    constructor(app, uuid) {
+        super(app, uuid);
+        this.obj = null;
     }
 }
 
@@ -2885,11 +2911,14 @@ class DirectionalLightComponent extends LightComponent {
     set castShadow(value) {
         this.threeObject.castShadow = value;
     }
-    constructor(app, color = 0xffffff, intensity = 10) {
-        let obj = new DirectionalLight(color, intensity);
-        super(app, obj);
-        this.obj = obj;
-        obj.castShadow = true;
+    constructor(app, color = 0xffffff, intensity = 10, uuid) {
+        super(app, uuid);
+        this.obj = null;
+        this.threeObject.color.set(color);
+        this.threeObject.intensity = intensity;
+    }
+    createDefaultObject() {
+        return new DirectionalLight(0xffffff, 10);
     }
     setPosition(...args) {
         if (args.length === 1) {
@@ -2916,34 +2945,34 @@ class DirectionalLightComponent extends LightComponent {
 }
 
 class DirectionalLightActor extends Actor {
-    constructor(app, color = 0xffffff, intensity = 1) {
-        super(app);
+    constructor(app, color = 0xffffff, intensity = 1, uuid) {
+        super(app, uuid);
         this.lightComponent = null;
         this.lightComponent = this.rootComponent;
         if (this.lightComponent) {
             this.lightComponent.color = color;
             this.lightComponent.intensity = intensity;
+            this.lightComponent.castShadow = true;
         }
         this.lightComponent.castShadow = true;
     }
     constructRootComponent() {
-        this.lightComponent = new DirectionalLightComponent(this.app);
-        this.rootComponent = this.lightComponent;
-        this.lightComponent.castShadow = true;
-        this.rootComponent.parentActor = this;
+        return new DirectionalLightComponent(this.app);
     }
 }
 
 class BoxComponent extends MeshComponent {
-    constructor(app, width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new MeshStandardMaterial()) {
-        super(app, new BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material);
+    constructor(app, width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new MeshStandardMaterial(), uuid) {
+        super(app, new BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material, uuid);
     }
 }
 
 class BoxActor extends Actor {
-    constructor(app, width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new MeshBasicMaterial()) {
-        super(app);
-        this.addComponent(new BoxComponent(this.app, width, height, depth, widthSegments, heightSegments, depthSegments, material));
+    constructor(app, uuid) {
+        super(app, uuid);
+    }
+    constructRootComponent() {
+        return new BoxComponent(this.app, 1, 1, 1, 1, 1, 1, new MeshBasicMaterial(), this.uuid);
     }
 }
 
@@ -2968,18 +2997,19 @@ class SkyComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(app, skyparam) {
-        let obj = new SkyMesh();
-        super(app, obj);
+    constructor(app, skyparam, uuid) {
+        super(app, uuid);
+        this.obj = null;
         this.skyParam = DefaultSkyParam;
         this.sunPosition = new Vector3();
-        this.obj = obj;
-        this.name = "SkyComponent";
         if (skyparam) {
             this.skyParam = skyparam;
         }
         this.updateSky();
     }
+    createDefaultObject() {
+        return new SkyMesh();
+    }
     updateSky() {
         var _a, _b;
         this.threeObject.turbidity.value = this.skyParam.turbidity;
@@ -2993,7 +3023,9 @@ class SkyComponent extends SceneComponent {
         (_b = (_a = this.world) === null || _a === void 0 ? void 0 : _a.viewport) === null || _b === void 0 ? void 0 : _b.markRenderStateDirty();
     }
     destroyObject() {
-        ThreeObjectLibrary.disposeMeshResource(this.obj);
+        if (this.obj) {
+            ThreeObjectLibrary.disposeMeshResource(this.obj);
+        }
     }
 }
 
@@ -3008,40 +3040,31 @@ class SkyActor extends Actor {
         this.setScale(45000, 45000, 45000);
     }
     constructRootComponent() {
-        this.skyComponent = new SkyComponent(this.app);
-        this.rootComponent = this.skyComponent;
-        this.rootComponent.parentActor = this;
+        return new SkyComponent(this.app);
     }
 }
 
 class PlaneComponent extends MeshComponent {
-    constructor(app, width, height, material, widthSegments = 1, heightSegments = 1) {
-        super(app, new PlaneGeometry(width, height, widthSegments, heightSegments), material);
+    constructor(app, width, height, material, widthSegments = 1, heightSegments = 1, uuid) {
+        super(app, new PlaneGeometry(width, height, widthSegments, heightSegments), material, uuid);
     }
 }
 
 class PlaneActor extends Actor {
-    get planeComponent() {
-        return this._planeComponent;
+    constructor(app, uuid) {
+        super(app, uuid);
     }
-    constructor(app, width, height, material = new MeshBasicMaterial(), widthSegments = 1, heightSegments = 1) {
-        super(app);
-        this._planeComponent = new PlaneComponent(this.app, width, height, material, widthSegments, heightSegments);
-        this._planeComponent.setRotation(Math.PI * 0.5 * -1, 0, 0);
-        this.addComponent(this._planeComponent);
-        this._planeComponent.receiveShadow = true;
+    constructRootComponent() {
+        return new PlaneComponent(this.app, 1, 1, new MeshBasicMaterial(), 1, 1, this.uuid);
     }
     destroy() {
-        var _a;
-        (_a = this._planeComponent) === null || _a === void 0 ? void 0 : _a.destroy();
-        this._planeComponent = null;
         super.destroy();
     }
 }
 
 class SphereComponent extends MeshComponent {
-    constructor(app, radius, material = new MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
-        super(app, new SphereGeometry(radius, widthSegments, heightSegments), material);
+    constructor(app, radius, material = new MeshBasicMaterial(), widthSegments = 32, heightSegments = 16, uuid) {
+        super(app, new SphereGeometry(radius, widthSegments, heightSegments), material, uuid);
     }
 }
 
@@ -3055,11 +3078,10 @@ class LabelComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(app, domElement, center = new Vector2(0.5, 1)) {
-        let obj = new CSS2DObject(domElement);
-        super(app, obj);
-        this.obj = obj;
-        obj.center = center;
+    constructor(app, domElement, center = new Vector2(0.5, 1), uuid) {
+        super(app, uuid);
+        this.obj = new CSS2DObject(domElement);
+        this.obj.center.copy(center);
     }
     set isHoverEnabled(bCanHorver) {
         return;
@@ -3303,4 +3325,4 @@ class TransformGizmo extends Pawn {
     }
 }
 
-export { Actor, AssetManager, AttachmentRules, BoxActor, BoxComponent, Controller, DefaultAppParam, DefaultBloomParam, DefaultCameraParam, DefaultDOFParam, DefaultDenoiseParam, DefaultGTAOParam, DefaultOutlineParams, DefaultPostProcessParam, DefaultRenderParam, DefaultSSRParam, DefaultSkyParam, DefaultToneMappingParams, DefaultViewportParam, DefaultWorldParam, Delegate, DirectionalLightActor, DirectionalLightComponent, FirstPerson, GeometryAssetPointer, LabelComponent, LevelActor, MaterialAssetPointer, MeshComponent, Orbital, PlaneActor, PlaneComponent, SceneComponent, SkyActor, SkyComponent, SphereComponent, TAssetPointer, TSmartPointer, TextureAssetPointer, ThreeJsApp, ThreeObjectLibrary, ToneMappingOptions, TransformGizmo, Viewport, WebGPUPostProcessFactory, World };
+export { Actor, AssetManager, AttachmentRules, BoxActor, BoxComponent, Controller, DefaultAppParam, DefaultBloomParam, DefaultCameraParam, DefaultDOFParam, DefaultDenoiseParam, DefaultGTAOParam, DefaultOutlineParams, DefaultPostProcessParam, DefaultRenderParam, DefaultSSRParam, DefaultSkyParam, DefaultToneMappingParams, DefaultViewportParam, DefaultWorldParam, Delegate, DirectionalLightActor, DirectionalLightComponent, FirstPerson, GeometryAssetPointer, LabelComponent, LevelActor, LevelComponent, MaterialAssetPointer, MeshComponent, Orbital, PlaneActor, PlaneComponent, SceneComponent, SkyActor, SkyComponent, SphereComponent, TAssetPointer, TSmartPointer, TextureAssetPointer, ThreeJsApp, ThreeObjectLibrary, ToneMappingOptions, TransformGizmo, Viewport, WebGPUPostProcessFactory, World };

package/dist/index.d.ts

@@ -29,6 +29,7 @@ export { MeshComponent } from "./lythreeframe/Object/Components/Mesh/MeshCompone
 export { BoxComponent } from "./lythreeframe/Object/Components/Mesh/Shape/BoxComponent";
 export { PlaneComponent } from "./lythreeframe/Object/Components/Mesh/Shape/PlaneComponent";
 export { SphereComponent } from "./lythreeframe/Object/Components/Mesh/Shape/SphereComponent";
+export { LevelComponent } from "./lythreeframe/Object/Components/Level/LevelComponent";
 export { DirectionalLightComponent } from "./lythreeframe/Object/Components/Light/DirectionalLight/DirectionalLightComponent";
 export { LabelComponent } from "./lythreeframe/Object/Components/2D/2DComponent";
 export { SkyComponent } from "./lythreeframe/Object/Components/Sky/SkyComponent";

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

@@ -2,7 +2,7 @@ import { BufferGeometry, LoadingManager, Material, Mesh, Texture } from "three/w
 import { SceneComponent } from "../Object/Components/SceneComponent";
 import { TAssetPointer } from "./AssetPointer/AssetPointer";
 import { DRACOLoader, GLTF, GLTFLoader } from 'three/examples/jsm/Addons.js';
-import { Object3D } from "three";
+import { Object3D } from "three/webgpu";
 import { ThreeJsApp } from "../ThreeJsApp";
 import { MaterialAssetPointer } from "./AssetPointer/Assets/MaterialAssetPointer";
 import { TextureAssetPointer } from "./AssetPointer/Assets/TextureAssetPointer";

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

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

package/dist/lythreeframe/Frame/Parameters/AppParameter.d.ts

@@ -1,4 +1,3 @@
-import { WebGPURendererParameters } from "three/src/renderers/webgpu/WebGPURenderer";
 import { CameraParam } from "./CameraParameter";
 import { WorldParam } from "./WorldParameter";
 import { Controller } from "../Controller";
@@ -7,6 +6,7 @@ import { Viewport } from "../Viewport";
 import { ViewportParam } from "./ViewportParameters";
 import { AssetManager } from "../../AssetManagement/AssetManager";
 import { PostProcessParam } from "../../PostProcess/PostProcessParam";
+import { WebGPURendererParameters } from "three/src/renderers/webgpu/WebGPURenderer.js";
 export interface AppClass {
     assetManagerClass: typeof AssetManager;
     controllerClass: typeof Controller;

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

@@ -1,4 +1,4 @@
-import { Vector3, Quaternion, Object3D, Box3, Euler } from "three/webgpu";
+import { Vector3, Quaternion, Object3D, Box3, Plane, 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): any;
-    static MaxVector(v1: Vector3, v2: Vector3): any;
+    static getQuatFromAxis(forwardVector: Vector3, upVector?: Vector3): Quaternion;
+    static MaxVector(v1: Vector3, v2: Vector3): Vector3;
     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): any;
-    static intersectRayPlane(rayOrigin: Vector3, rayDirection: Vector3, planeNormal: Vector3, planePoint: Vector3): any;
+    static contructPlane(dirction: Vector3, position: Vector3, quaternion: Quaternion, scale: Vector3): Plane;
+    static intersectRayPlane(rayOrigin: Vector3, rayDirection: Vector3, planeNormal: Vector3, planePoint: Vector3): Vector3 | null;
 }

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

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

package/dist/lythreeframe/Object/Actors/Level/LevelActor.d.ts

@@ -1,10 +1,12 @@
 import { Scene } from "three/webgpu";
 import { ThreeJsApp } from "../../../ThreeJsApp";
 import { Actor } from "../../Actor";
+import { LevelComponent } from "../../Components/Level/LevelComponent";
 export declare class LevelActor extends Actor {
     get scene(): Scene;
     protected _scene: Scene | null;
-    constructor(app: ThreeJsApp);
+    constructor(app: ThreeJsApp, uuid?: string);
+    protected constructRootComponent(): LevelComponent;
     tick(_deltaTime: number): void;
     destroy(): void;
     clearLevel(): void;

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

@@ -4,6 +4,6 @@ import { DirectionalLightComponent } from "../../Components/Light/DirectionalLig
 import { ThreeJsApp } from "../../../ThreeJsApp";
 export declare class DirectionalLightActor extends Actor {
     protected lightComponent: DirectionalLightComponent | null;
-    constructor(app: ThreeJsApp, color?: ColorRepresentation, intensity?: number);
-    protected constructRootComponent(): void;
+    constructor(app: ThreeJsApp, color?: ColorRepresentation, intensity?: number, uuid?: string);
+    protected constructRootComponent(): DirectionalLightComponent;
 }

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

@@ -1,6 +1,7 @@
-import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
+import { BoxComponent } from "../../Components/Mesh/Shape/BoxComponent";
 import { ThreeJsApp } from "../../../ThreeJsApp";
 export declare class BoxActor extends Actor {
-    constructor(app: ThreeJsApp, width?: number, height?: number, depth?: number, widthSegments?: number, heightSegments?: number, depthSegments?: number, material?: Material);
+    constructor(app: ThreeJsApp, uuid?: string);
+    protected constructRootComponent(): BoxComponent;
 }

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

@@ -1,10 +1,8 @@
-import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
 import { PlaneComponent } from "../../Components/Mesh/Shape/PlaneComponent";
 import { ThreeJsApp } from "../../../ThreeJsApp";
 export declare class PlaneActor extends Actor {
-    get planeComponent(): PlaneComponent | null;
-    private _planeComponent;
-    constructor(app: ThreeJsApp, width: number, height: number, material?: Material, widthSegments?: number, heightSegments?: number);
+    constructor(app: ThreeJsApp, uuid?: string);
+    protected constructRootComponent(): PlaneComponent;
     destroy(): void;
 }

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

@@ -5,5 +5,5 @@ export declare class SkyActor extends Actor {
     protected _name: string;
     protected skyComponent: SkyComponent | null;
     constructor(app: ThreeJsApp);
-    protected constructRootComponent(): void;
+    protected constructRootComponent(): SkyComponent;
 }

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

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

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

@@ -11,7 +11,8 @@ export declare abstract class Component extends BaseObject {
     protected obj: Object3D | null;
     protected _parentActor: Actor | null;
     protected _name: string;
-    protected constructor(newThreeObject: Object3D);
+    protected constructor(uuid?: string);
+    protected createDefaultObject(_arg?: any): Object3D;
     destroyObject(): void;
     destroy(): void;
 }

package/dist/lythreeframe/Object/Components/Level/LevelComponent.d.ts

@@ -0,0 +1,9 @@
+import { Scene } from "three";
+import { SceneComponent } from "../SceneComponent";
+import { ThreeJsApp } from "../../../ThreeJsApp";
+export declare class LevelComponent extends SceneComponent {
+    get threeObject(): Scene;
+    protected set threeObject(newThreeObject: Scene);
+    constructor(app: ThreeJsApp, uuid?: string);
+    protected createDefaultObject(): Scene;
+}

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

@@ -8,7 +8,8 @@ export declare class DirectionalLightComponent extends LightComponent {
     get castShadow(): boolean;
     set castShadow(value: boolean);
     protected obj: DirectionalLight | null;
-    constructor(app: ThreeJsApp, color?: ColorRepresentation, intensity?: number);
+    constructor(app: ThreeJsApp, color?: ColorRepresentation, intensity?: number, uuid?: string);
+    protected createDefaultObject(): DirectionalLight;
     setPosition(...args: [Vector3] | [number, number, number]): void;
     update(): void;
     onAddedToWorld(world: World): void;

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

@@ -9,5 +9,5 @@ export declare abstract class LightComponent extends SceneComponent {
     get intensity(): number;
     set intensity(intensity: number);
     protected obj: Light | null;
-    protected constructor(app: ThreeJsApp, light: Light);
+    protected constructor(app: ThreeJsApp, uuid?: string);
 }

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

@@ -3,7 +3,7 @@ import { SceneComponent } from "../SceneComponent";
 import { TAssetPointer } from "../../../AssetManagement/AssetPointer/AssetPointer";
 import { ThreeJsApp } from "../../../ThreeJsApp";
 export declare class MeshComponent extends SceneComponent {
-    get threeObject(): Mesh | null;
+    get threeObject(): Mesh;
     set threeObject(newThreeObject: Mesh);
     protected obj: Mesh | null;
     get geometry(): BufferGeometry | null;
@@ -16,7 +16,8 @@ export declare class MeshComponent extends SceneComponent {
     set materialPtr(newMat: TAssetPointer<Material> | TAssetPointer<Material>[]);
     protected _geometryPtr: TAssetPointer<BufferGeometry> | null;
     protected _materialPtr: TAssetPointer<Material>[];
-    constructor(app: ThreeJsApp, geometry: BufferGeometry, material: Material | Material[]);
+    constructor(app: ThreeJsApp, geometry: BufferGeometry, material: Material | Material[], uuid?: string);
+    protected createDefaultObject(): Mesh;
     set castShadow(bCast: boolean);
     get castShadow(): boolean;
     set receiveShadow(bReceive: boolean);

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

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

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

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

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

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

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

@@ -4,6 +4,6 @@ import { ThreeJsApp } from "../../../../ThreeJsApp";
 export declare class SpriteComponent extends SceneComponent {
     get threeObject(): Sprite;
     set threeObject(newThreeObject: Sprite);
-    protected obj: Sprite;
-    constructor(app: ThreeJsApp, texture: Texture);
+    constructor(app: ThreeJsApp, texture: Texture, uuid?: string);
+    protected createDefaultObject(): Sprite;
 }

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

@@ -11,8 +11,8 @@ export declare class SceneComponent extends Component {
     protected bCanClick: boolean;
     get world(): World;
     protected app: ThreeJsApp;
-    constructor(app: ThreeJsApp, newThreeObject: Object3D);
-    createDefaultThreeObject(): void;
+    constructor(app: ThreeJsApp, uuid?: string);
+    protected createDefaultObject(): Object3D;
     tick(deltaTime: number): void;
     get isVisible(): boolean;
     setVisible(bVisible: boolean): void;
@@ -26,29 +26,29 @@ export declare class SceneComponent extends Component {
     onAddedToWorld(world: World): void;
     destroy(): void;
     destroyObject(): void;
-    getPosition(): any;
+    getPosition(): Vector3;
     setPosition(position: Vector3): void;
     setPosition(x: number, y: number, z: number): void;
-    getRotation(): any;
+    getRotation(): Euler;
     setRotation(rotation: Euler): void;
     setRotation(x: number, y: number, z: number): void;
-    getQuaternion(): any;
+    getQuaternion(): Quaternion;
     setQuaternion(quat: Quaternion): void;
     setQuaternion(x: number, y: number, z: number, w: number): void;
-    getScale(): any;
+    getScale(): Vector3;
     setScale(position: Vector3): void;
     setScale(x: number, y: number, z: number): void;
     getMatrix(): Matrix4;
     setMatrix(matrix: Matrix4): void;
-    getWorldPosition(): any;
-    getWorldRotation(): any;
-    getWorldQuaternion(): any;
-    getWorldScale(): any;
-    getWorldMatrix(): any;
+    getWorldPosition(): Vector3;
+    getWorldRotation(): Euler;
+    getWorldQuaternion(): Quaternion;
+    getWorldScale(): Vector3;
+    getWorldMatrix(): Matrix4;
     setWorldMatrix(newMatrix: Matrix4): void;
-    getWorldForwardDirection(): any;
-    getWorldUpDirection(): any;
-    getWorldRightDirection(): any;
+    getWorldForwardDirection(): Vector3;
+    getWorldUpDirection(): Vector3;
+    getWorldRightDirection(): Vector3;
     worldToLocal(vec: Vector3): Vector3;
     localToWorld(vec: Vector3): Vector3;
     attachComponent(newComponent: SceneComponent): void;

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

@@ -16,7 +16,8 @@ export declare class SkyComponent extends SceneComponent {
     protected obj: SkyMesh | null;
     private skyParam;
     private sunPosition;
-    constructor(app: ThreeJsApp, skyparam?: SkyComponentParam);
+    constructor(app: ThreeJsApp, skyparam?: SkyComponentParam, uuid?: string);
+    protected createDefaultObject(): SkyMesh;
     private updateSky;
     destroyObject(): void;
 }

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

@@ -7,7 +7,7 @@ export declare class Orbital extends Pawn {
     get control(): OrbitControls;
     protected _control: OrbitControls;
     protected changeEvent: () => void;
-    get camera(): any;
+    get camera(): import("three").PerspectiveCamera | import("three").OrthographicCamera;
     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/webgpu";
 import { Controller } from "../../Frame/Controller";
 export declare abstract class Pawn {
-    get camera(): any;
+    get camera(): import("three").PerspectiveCamera | import("three").OrthographicCamera;
     set enabled(value: boolean);
     get control(): any;
     protected _control: any | null;

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, any>;
+export declare const ToneMappingOptions: Map<string, 0 | 1 | 2 | 3 | 4 | 6 | 7>;

package/package.json

@@ -1,39 +1,39 @@
-{
-  "name": "lythreeframe",
-  "version": "1.1.19",
-  "description": "Three.js 封装",
-  "main": "dist/bundle.cjs.js",
-  "module": "dist/bundle.esm.js",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "rollup -c",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "gsap": "^3.12.2",
-    "three": "^0.174.0",
-    "@types/three": "^0.174.0"
-  },
-  "files": [
-    "dist"
-  ],
-  "devDependencies": {
-    "@rollup/plugin-typescript": "^12.1.2",
-    "@types/three": "^0.174.0",
-    "gsap": "^3.12.2",
-    "rollup": "^4.35.0",
-    "three": "^0.174.0",
-    "tslib": "^2.8.1",
-    "typescript": "^5.8.2"
-  },
-  "keywords": [
-    "three.js",
-    "webgl",
-    "3d",
-    "graphics",
-    "webgpu"
-  ],
-  "author": "notimportant",
-  "license": "MIT"
-}
+{
+  "name": "lythreeframe",
+  "version": "1.2.1",
+  "description": "Three.js 封装",
+  "main": "dist/bundle.cjs.js",
+  "module": "dist/bundle.esm.js",
+  "type": "module",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "build": "rollup -c",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "@types/three": "^0.175.0",
+    "gsap": "^3.12.2",
+    "three": "^0.175.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^12.1.2",
+    "@types/three": "^0.175.0",
+    "gsap": "^3.12.2",
+    "rollup": "^4.35.0",
+    "three": "^0.175.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.2"
+  },
+  "keywords": [
+    "three.js",
+    "webgl",
+    "3d",
+    "graphics",
+    "webgpu"
+  ],
+  "author": "notimportant",
+  "license": "MIT"
+}