lythreeframe 1.1.19 → 1.2.0

package/dist/bundle.cjs.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)
@@ -2360,8 +2369,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 +2379,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 +2705,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 +2733,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 +2750,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 +2887,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 +2912,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 +2946,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() {
+        this.rootComponent = new BoxComponent(this.app);
     }
 }
 
@@ -2970,18 +2998,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 +3024,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 +3041,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 +3079,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;
@@ -3331,6 +3352,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, PlaneGeometry, MeshBasicMaterial, 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,7 +12,7 @@ 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';
@@ -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)
@@ -2358,8 +2367,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 +2377,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 +2703,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 +2731,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 +2748,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 +2885,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 +2910,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 +2944,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() {
+        this.rootComponent = new BoxComponent(this.app);
     }
 }
 
@@ -2968,18 +2996,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 +3022,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 +3039,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 +3077,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 +3324,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/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,6 @@
-import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
 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(): void;
 }

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/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.0",
+  "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"
+}