lythreeframe 1.0.32 → 1.0.34

package/dist/bundle.cjs.js

@@ -19,21 +19,6 @@ var CSS2DRenderer_js = require('three/examples/jsm/renderers/CSS2DRenderer.js');
 var PointerLockControls = require('three/examples/jsm/controls/PointerLockControls');
 var TransformControls_js = require('three/examples/jsm/controls/TransformControls.js');
 
-class LYLoadTask {
-    constructor(paths, onLoaded) {
-        this.paths = paths;
-        this.onLoaded = onLoaded;
-    }
-    get Paths() {
-        return this.paths;
-    }
-    onLoadingFinished(loaded) {
-        if (this.onLoaded) {
-            this.onLoaded(loaded);
-        }
-    }
-}
-
 /*
  * virtual class of 3D Object, should not be use directly.
  */
@@ -124,11 +109,14 @@ class SceneComponent extends Component {
         // 通过 _parentActor 私有字段访问父级 Actor
         return this._parentActor;
     }
-    constructor(newThreeObject) {
+    get world() {
+        return this.app.world;
+    }
+    constructor(app, newThreeObject) {
         super(newThreeObject);
         this.bCanHover = false;
         this.bCanClick = false;
-        this.world = null;
+        this.app = app;
         this._name = "SceneComponent";
     }
     createDefaultThreeObject() {
@@ -223,10 +211,9 @@ class SceneComponent extends Component {
         return childrens;
     }
     onAddedToWorld(world) {
-        this.world = world;
         let childrens = this.childrenComponents;
         for (let i = 0; i < childrens.length; ++i) {
-            childrens[i].onAddedToWorld(this.world);
+            childrens[i].onAddedToWorld(world);
         }
     }
     destroy() {
@@ -678,6 +665,8 @@ class SceneComponent extends Component {
     }
 }
 
+// import {BufferGeometry, Material, Mesh, Texture} from "three/webgpu";
+// import {Vector3} from "three/webgpu";
 class MeshComponent extends SceneComponent {
     get threeObject() {
         return this.obj;
@@ -689,43 +678,86 @@ class MeshComponent extends SceneComponent {
         }
     }
     get geometry() {
-        return this.threeObject ? this.threeObject.geometry : null;
+        if (!this._geometryPtr) {
+            throw new Error("geometryPtr is null");
+        }
+        return this._geometryPtr.getValue();
     }
     set geometry(geo) {
-        if (!this.threeObject) {
-            return;
+        let geoPtr = this.app.assetManager.addGeometryAsset(geo);
+        this.geometryPtr = geoPtr;
+    }
+    get geometryPtr() {
+        if (!this._geometryPtr) {
+            throw new Error("geometryPtr is null");
+        }
+        return this._geometryPtr;
+    }
+    set geometryPtr(geo) {
+        if (this._geometryPtr) {
+            this._geometryPtr.release();
+            this._geometryPtr = null;
+        }
+        this._geometryPtr = geo;
+        if (this.threeObject) {
+            this.threeObject.geometry = geo.getValue();
         }
-        this.threeObject.geometry = geo;
     }
     get material() {
-        return this.threeObject ? this.threeObject.material : null;
+        let mats = [];
+        this._materialPtr.forEach((elem) => {
+            mats.push(elem.getValue());
+        });
+        return mats;
+    }
+    get materialPtr() {
+        return this.materialPtr;
     }
     set material(newMat) {
-        if (!this.threeObject) {
-            return;
-        }
-        this.threeObject.material = newMat;
-        if (this.world) {
-            this.world.viewport.markRenderStateDirty();
-        }
+        let mats = Array.isArray(newMat) ? newMat : [newMat];
+        let matPtrs = [];
+        mats.forEach((elem) => {
+            let ptr = this.app.assetManager.addMaterialAsset(elem);
+            if (ptr)
+                matPtrs.push(ptr);
+        });
+        this.materialPtr = matPtrs;
     }
-    constructor(...args) {
-        let newMesh = null;
-        if (args[0] instanceof webgpu.Mesh) {
-            newMesh = args[0];
+    set materialPtr(newMat) {
+        if (this._materialPtr) {
+            this._materialPtr.forEach((elem) => {
+                elem.release();
+            });
+            this._materialPtr = [];
         }
-        else {
-            if (args[0] instanceof webgpu.BufferGeometry && (args[1] instanceof webgpu.Material || Array.isArray(args[1]))) {
-                newMesh = new webgpu.Mesh(args[0], args[1]);
-            }
-            else {
-                throw new Error('Invalid arguments for A constructor');
-            }
+        let matPtrs = Array.isArray(newMat) ? newMat : [newMat];
+        let mats = Array.isArray(newMat) ? newMat : [newMat];
+        matPtrs.forEach((elem) => {
+            mats.push(elem.getValue());
+            elem.addRef();
+        });
+        if (this.threeObject) {
+            this.threeObject.material = mats;
         }
-        super(newMesh);
+        this._materialPtr = matPtrs;
+    }
+    constructor(app, geometry, material) {
+        let matPtrs = [];
+        let mats = Array.isArray(material) ? material : [material];
+        mats.forEach((elem) => {
+            let ptr = app.assetManager.addMaterialAsset(elem);
+            if (ptr)
+                matPtrs.push(ptr);
+        });
+        let newMesh = new webgpu.Mesh(geometry, mats);
+        super(app, newMesh);
         this.obj = null;
+        this._geometryPtr = app.assetManager.addGeometryAsset(geometry);
+        this._materialPtr = matPtrs;
+        matPtrs.forEach((elem) => {
+            elem.addRef();
+        });
         this.threeObject = newMesh;
-        LYAssetManager.Get().checkMeshResource(newMesh);
     }
     set castShadow(bCast) {
         if (this.threeObject)
@@ -763,27 +795,15 @@ class MeshComponent extends SceneComponent {
         return ret;
     }
     destroyObject() {
-        if (this.world && this.world.scene && this.threeObject) {
-            this.world.scene.remove(this.threeObject);
-        }
-        let assetManager = LYAssetManager.Get();
-        const mats = Array.isArray(this.material) ? this.material : [this.material];
-        mats.forEach((material) => {
-            if (material instanceof webgpu.Material) {
-                Object.entries(material).forEach(([key, value]) => {
-                    if (value instanceof webgpu.Texture) {
-                        assetManager.releaseAsset(value);
-                        value = null;
-                    }
-                });
-                assetManager.releaseAsset(material);
-            }
-        });
-        this.material = [];
-        if (this.geometry instanceof webgpu.BufferGeometry) {
-            assetManager.releaseAsset(this.geometry);
-            this.geometry = null;
+        if (this.threeObject) {
+            this.threeObject.removeFromParent();
         }
+        this._geometryPtr.release();
+        let matPtrs = Array.isArray(this._materialPtr) ? this._materialPtr : [this._materialPtr];
+        matPtrs.forEach((elem) => {
+            elem.release();
+        });
+        super.destroyObject();
     }
 }
 
@@ -849,29 +869,30 @@ class TAssetPointer extends TSmartPointer {
     }
 }
 
-// this class should be a singleton
-class LYAssetManager {
-    constructor() {
-        this.assetPointer = new Map();
+class AssetManager {
+    constructor(app) {
+        this.geometryAssets = new Map();
+        this.textureAssets = new Map();
+        this.materialAssets = new Map();
         this.dracoLoader = null;
         this.loadingManager = new webgpu.LoadingManager();
         this.gltfLoader = new Addons_js.GLTFLoader(this.loadingManager);
+        this.app = app;
     }
     get LoadingManager() {
         return this.loadingManager;
     }
-    static Get() {
-        return assetManager;
-    }
-    static ClearAssets() {
-        assetManager.clearAssets();
-    }
     setupDracoLoader(dracoPath) {
-        this.dracoLoader = new Addons_js.DRACOLoader(this.loadingManager);
-        this.dracoLoader.setDecoderPath(dracoPath);
-        this.dracoLoader.setDecoderConfig({ type: "js" });
-        this.dracoLoader.preload();
-        this.gltfLoader.setDRACOLoader(this.dracoLoader);
+        if (!this.dracoLoader) {
+            this.dracoLoader = new Addons_js.DRACOLoader(this.loadingManager);
+            this.dracoLoader.setDecoderPath(dracoPath);
+            this.dracoLoader.setDecoderConfig({ type: "js" });
+            this.dracoLoader.preload();
+            this.gltfLoader.setDRACOLoader(this.dracoLoader);
+        }
+        else {
+            console.error("DracoLoader already setup");
+        }
     }
     convertThreeObjectToLYObject(parentLYComponent, threejsObject) {
         let location = threejsObject.position.clone();
@@ -907,7 +928,7 @@ class LYAssetManager {
         }
         return threejsObject.userData.LYObject;
     }
-    collectResourcesAndReferences(gltf) {
+    collectResourcesAndReferences(object) {
         function countResource(map, resource) {
             if (!map.has(resource)) {
                 map.set(resource, 1);
@@ -921,7 +942,7 @@ class LYAssetManager {
             materials: new Map(),
             textures: new Map()
         };
-        gltf.scene.traverse((child) => {
+        object.traverse((child) => {
             if (child.geometry && child.geometry instanceof webgpu.BufferGeometry) {
                 countResource(resources.geometries, child.geometry);
             }
@@ -967,7 +988,7 @@ class LYAssetManager {
                     }
                     Object.entries(material).forEach(([key, value]) => {
                         if (value instanceof webgpu.Texture) {
-                            if (!value.userData["assetPointer"]) {
+                            if (!(value.userData["assetPointer"])) {
                                 this.addAsset(value);
                             }
                         }
@@ -976,36 +997,51 @@ class LYAssetManager {
             });
         }
     }
-    loadMultiGLTFAsGroup(tasks, onProgress = null, onAllFinished = null) {
-        this.loadingManager.onLoad = onAllFinished ? () => {
-            this.loadingManager.onLoad = () => {
-            };
-            onAllFinished();
-        } : () => {
-            this.loadingManager.onLoad = () => {
-            };
-        };
-        this.loadingManager.onProgress = onProgress ? (url, loaded, total) => {
-            onProgress(url, loaded, total);
-        } : () => {
-        };
-        tasks.forEach((task) => {
-            task.Paths.forEach((path) => {
-                const onGlbLoaded = (glb) => {
-                    task.onLoadingFinished(glb);
-                    this.collectResourcesAndReferences(glb);
-                };
-                try {
-                    this.gltfLoader.load(path, (glb) => {
-                        onGlbLoaded(glb);
-                    });
-                }
-                catch (e) {
-                    console.error(e, path);
-                }
-            });
-        });
-    }
+    // loadMultiGLTFAsGroup(tasks:LoadTask[], onProgress:((url:string, loaded:number, total:number) => void) | null = null, onAllFinished:(() => void) | null = null)
+    // {
+    //     this.loadingManager.onLoad     = onAllFinished ? () =>
+    //         {
+    //             this.loadingManager.onLoad = () =>
+    //                 {
+    //                 };
+    //             onAllFinished();
+    //         } : () =>
+    //         {
+    //             this.loadingManager.onLoad = () =>
+    //                 {
+    //                 };
+    //         };
+    //     this.loadingManager.onProgress = onProgress ? (url, loaded, total) =>
+    //         {
+    //             onProgress(url, loaded, total);
+    //         } : () =>
+    //         {
+    //         };
+    //     tasks.forEach(
+    //         (task) =>
+    //         {
+    //             task.Paths.forEach(
+    //                 (path) =>
+    //                 {
+    //                     const onGlbLoaded = (glb:GLTF) =>
+    //                         {
+    //                             task.onLoadingFinished(glb);
+    //                             this.collectResourcesAndReferences(glb.scene);
+    //                         };
+    //                     try
+    //                     {
+    //                         this.gltfLoader.load(path, (glb:GLTF) =>
+    //                         {
+    //                             onGlbLoaded(glb);
+    //                         });
+    //                     } catch (e)
+    //                     {
+    //                         console.error(e, path);
+    //                     }
+    //                 });
+    //         }
+    //     );
+    // }
     loadGltfFromBuffer(data, path, onLoadFinished) {
         this.gltfLoader.parse(data, path, onLoadFinished);
     }
@@ -1016,18 +1052,49 @@ class LYAssetManager {
         });
     }
     addAsset(asset, referenceCount = 1) {
-        let pointer = null;
-        if (!asset.userData["assetPointer"]) {
+        if (asset instanceof webgpu.BufferGeometry) {
+            return this.addGeometryAsset(asset, referenceCount);
+        }
+        else if (asset instanceof webgpu.Material) {
+            return this.addMaterialAsset(asset, referenceCount);
+        }
+        else if (asset instanceof webgpu.Texture) {
+            return this.addTextureAsset(asset, referenceCount);
+        }
+        return undefined;
+    }
+    addMaterialAsset(asset, referenceCount = 1) {
+        let pointer = (asset.userData["assetPointer"]);
+        if (!pointer) {
+            pointer = new TAssetPointer(asset, referenceCount);
+        }
+        else {
+            pointer = asset.userData["assetPointer"];
+            pointer.addRef(referenceCount);
+        }
+        return pointer;
+    }
+    addTextureAsset(asset, referenceCount = 1) {
+        let pointer = (asset.userData["assetPointer"]);
+        if (!pointer) {
             pointer = new TAssetPointer(asset, referenceCount);
-            asset.userData["assetPointer"] = pointer;
         }
         else {
             pointer = asset.userData["assetPointer"];
             pointer.addRef(referenceCount);
         }
-        if (pointer) {
-            this.assetPointer.set(pointer.uuid, pointer);
+        return pointer;
+    }
+    addGeometryAsset(asset, referenceCount = 1) {
+        let pointer = (asset.userData["assetPointer"]);
+        if (!pointer) {
+            pointer = new TAssetPointer(asset, referenceCount);
+        }
+        else {
+            pointer = asset.userData["assetPointer"];
+            pointer.addRef(referenceCount);
         }
+        return pointer;
     }
     releaseAsset(asset) {
         // let uuid = asset.uuid
@@ -1040,14 +1107,26 @@ class LYAssetManager {
         }
     }
     clearAssets() {
-        let pointers = Array.from(this.assetPointer.values());
-        pointers.forEach((p) => {
+        this.geometryAssets.forEach((p) => {
+            p.forceRelease();
+        });
+        this.geometryAssets.clear();
+        this.materialAssets.forEach((p) => {
             p.forceRelease();
         });
-        this.assetPointer.clear();
+        this.materialAssets.clear();
+        this.textureAssets.forEach((p) => {
+            p.forceRelease();
+        });
+        this.textureAssets.clear();
+        // let pointers = Array.from(this.assetPointer.values());
+        // pointers.forEach((p) =>
+        // {
+        //     p.forceRelease();
+        // });
+        // this.assetPointer.clear();
     }
 }
-const assetManager = new LYAssetManager();
 
 class Delegate {
     constructor() {
@@ -1664,26 +1743,31 @@ class Viewport {
         }
         this.isRenderStateDirty = false;
     }
-    renderAsImage(width = 1024, height = 1024) {
-        if (this.postProcessing) {
-            this.postProcessing.render();
-        }
-        else { //console.log("render renderer");
-            this.renderer.render(this.app.world.scene, this.app.camera);
-        }
-        const offscreenCanvas = document.createElement('canvas');
-        offscreenCanvas.width = width;
-        offscreenCanvas.height = height;
-        const context = offscreenCanvas.getContext('2d');
-        if (context) {
-            context.drawImage(this.renderer.domElement, 0, 0, width, height);
-        }
-        if (!context) {
-            throw Error("Can not create context");
-        }
-        const ret = offscreenCanvas.toDataURL('image/jpeg');
-        offscreenCanvas.remove();
-        return ret;
+    async renderAsImage(width = 1024, height = 1024) {
+        return new Promise((resolve, reject) => {
+            try {
+                if (this.postProcessing) {
+                    this.postProcessing.render();
+                }
+                else {
+                    this.renderer.render(this.app.world.scene, this.app.camera);
+                }
+                const offscreenCanvas = document.createElement('canvas');
+                offscreenCanvas.width = width;
+                offscreenCanvas.height = height;
+                const context = offscreenCanvas.getContext('2d');
+                if (!context) {
+                    throw Error("Can not create context");
+                }
+                context.drawImage(this.renderer.domElement, 0, 0, width, height);
+                const ret = offscreenCanvas.toDataURL('image/jpeg');
+                offscreenCanvas.remove();
+                resolve(ret);
+            }
+            catch (error) {
+                reject(error);
+            }
+        });
     }
     destroy() {
         var _a;
@@ -2087,6 +2171,12 @@ const DefaultAppParam = {
     renderParam: DefaultRenderParam,
     cameraParam: DefaultCameraParam,
     postProcessParam: DefaultPostProcessParam,
+    classes: {
+        assetManagerClass: AssetManager,
+        controllerClass: Controller,
+        worldClass: World,
+        viewportClass: Viewport,
+    }
 };
 
 class ThreeJsApp {
@@ -2105,14 +2195,8 @@ class ThreeJsApp {
     get controller() {
         return this._controller;
     }
-    get worldClass() {
-        return World;
-    }
-    get viewportClass() {
-        return Viewport;
-    }
-    get controllerClass() {
-        return Controller;
+    get assetManager() {
+        return this._assetManager;
     }
     get appParam() {
         return this._appParam;
@@ -2126,11 +2210,18 @@ class ThreeJsApp {
         this._appParam.cameraParam = appParam.cameraParam ? appParam.cameraParam : DefaultCameraParam;
         this._appParam.renderParam = appParam.renderParam ? appParam.renderParam : DefaultRenderParam;
         this._appParam.postProcessParam = appParam.postProcessParam ? appParam.postProcessParam : DefaultPostProcessParam;
+        this._appParam.classes = appParam.classes ? appParam.classes : {
+            assetManagerClass: AssetManager,
+            controllerClass: Controller,
+            worldClass: World,
+            viewportClass: Viewport,
+        };
         this._clock = new webgpu.Clock();
         this._camera = CameraFactory.createCamera(this._appParam.cameraParam);
-        this._world = new this.worldClass(this);
-        this._viewport = new this.viewportClass(this, elementId, this._appParam.renderParam, this._appParam.postProcessParam);
-        this._controller = new this.controllerClass(this);
+        this._world = new this._appParam.classes.worldClass(this);
+        this._viewport = new this._appParam.classes.viewportClass(this, elementId, this._appParam.renderParam, this._appParam.postProcessParam);
+        this._controller = new this._appParam.classes.controllerClass(this);
+        this._assetManager = new this._appParam.classes.assetManagerClass(this);
         this.viewport.renderer.setAnimationLoop(() => {
             this.tick();
         });
@@ -2152,6 +2243,7 @@ class ThreeJsApp {
         this.world.destroy();
         this.controller.destroy();
         this.viewport.destroy();
+        this._assetManager.clearAssets();
     }
     updateCamera(param) {
         const previousCam = this.camera;
@@ -2172,8 +2264,8 @@ class ThreeJsApp {
         // }
         this.camera.updateProjectionMatrix();
     }
-    renderAsImage(width = 1024, height = 1024) {
-        return this.viewport.renderAsImage(width, height);
+    async renderAsImage(width = 1024, height = 1024) {
+        return await this.viewport.renderAsImage(width, height);
     }
 }
 
@@ -2229,7 +2321,7 @@ class Actor extends BaseObject {
     get isVisible() {
         return this.rootComponent ? this.rootComponent.isVisible : false;
     }
-    constructor(myThreeObject = null) {
+    constructor(app, myThreeObject = null) {
         super();
         this._name = "Actor";
         this._rootComponent = null;
@@ -2238,17 +2330,18 @@ class Actor extends BaseObject {
         this.onDoubleClickedEvent = [];
         this.onHoverBeginEvent = [];
         this.onHoverEndEvent = [];
+        this.app = app;
         this.constructRootComponent(myThreeObject);
     }
     constructRootComponent(myThreeObject = null) {
         let tObject = myThreeObject ? myThreeObject : new webgpu.Group();
         if (tObject.isMesh) {
             let mesh = tObject;
-            this._rootComponent = new MeshComponent(mesh);
+            this._rootComponent = new MeshComponent(this.app, mesh.geometry, mesh.material);
             this.rootComponent.parentActor = this;
         }
         else {
-            this._rootComponent = new SceneComponent(tObject);
+            this._rootComponent = new SceneComponent(this.app, tObject);
             this.rootComponent.parentActor = this;
         }
     }
@@ -2581,8 +2674,8 @@ class LightComponent extends SceneComponent {
     set intensity(intensity) {
         this.threeObject.intensity = intensity;
     }
-    constructor(light) {
-        super(light);
+    constructor(app, light) {
+        super(app, light);
         this.obj = light;
     }
 }
@@ -2606,9 +2699,9 @@ class DirectionalLightComponent extends LightComponent {
     set castShadow(value) {
         this.threeObject.castShadow = value;
     }
-    constructor(color = 0xffffff, intensity = 10) {
+    constructor(app, color = 0xffffff, intensity = 10) {
         let obj = new webgpu.DirectionalLight(color, intensity);
-        super(obj);
+        super(app, obj);
         this.obj = obj;
         obj.castShadow = true;
     }
@@ -2637,8 +2730,8 @@ class DirectionalLightComponent extends LightComponent {
 }
 
 class DirectionalLightActor extends Actor {
-    constructor(color = 0xffffff, intensity = 1) {
-        super();
+    constructor(app, color = 0xffffff, intensity = 1) {
+        super(app);
         this.lightComponent = null;
         this.lightComponent = this.rootComponent;
         if (this.lightComponent) {
@@ -2648,7 +2741,7 @@ class DirectionalLightActor extends Actor {
         this.lightComponent.castShadow = true;
     }
     constructRootComponent() {
-        this.lightComponent = new DirectionalLightComponent();
+        this.lightComponent = new DirectionalLightComponent(this.app);
         this.rootComponent = this.lightComponent;
         this.lightComponent.castShadow = true;
         this.rootComponent.parentActor = this;
@@ -2656,15 +2749,15 @@ class DirectionalLightActor extends Actor {
 }
 
 class BoxComponent extends MeshComponent {
-    constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshStandardMaterial()) {
-        super(new webgpu.BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments), material);
+    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);
     }
 }
 
 class BoxActor extends Actor {
-    constructor(width = 1, height = 1, depth = 1, widthSegments = 1, heightSegments = 1, depthSegments = 1, material = new webgpu.MeshBasicMaterial()) {
-        super();
-        this.addComponent(new BoxComponent(width, height, depth, widthSegments, heightSegments, depthSegments, material));
+    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));
     }
 }
 
@@ -2689,9 +2782,9 @@ class SkyComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(skyparam) {
+    constructor(app, skyparam) {
         let obj = new SkyMesh_js.SkyMesh();
-        super(obj);
+        super(app, obj);
         this.skyParam = DefaultSkyParam;
         this.sunPosition = new webgpu.Vector3();
         this.obj = obj;
@@ -2713,11 +2806,14 @@ class SkyComponent extends SceneComponent {
         this.threeObject.sunPosition.value.copy(this.sunPosition);
         (_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);
+    }
 }
 
 class SkyActor extends Actor {
-    constructor() {
-        super();
+    constructor(app) {
+        super(app);
         this._name = "SkyActor";
         this.skyComponent = null;
         this.name = "DirectionalLightActor";
@@ -2726,15 +2822,15 @@ class SkyActor extends Actor {
         this.setScale(45000, 45000, 45000);
     }
     constructRootComponent() {
-        this.skyComponent = new SkyComponent();
+        this.skyComponent = new SkyComponent(this.app);
         this.rootComponent = this.skyComponent;
         this.rootComponent.parentActor = this;
     }
 }
 
 class PlaneComponent extends MeshComponent {
-    constructor(width, height, material, widthSegments = 1, heightSegments = 1) {
-        super(new webgpu.PlaneGeometry(width, height, widthSegments, heightSegments), material);
+    constructor(app, width, height, material, widthSegments = 1, heightSegments = 1) {
+        super(app, new webgpu.PlaneGeometry(width, height, widthSegments, heightSegments), material);
     }
 }
 
@@ -2742,9 +2838,9 @@ class PlaneActor extends Actor {
     get planeComponent() {
         return this._planeComponent;
     }
-    constructor(width, height, material = new webgpu.MeshBasicMaterial(), widthSegments = 1, heightSegments = 1) {
-        super();
-        this._planeComponent = new PlaneComponent(width, height, material, widthSegments, heightSegments);
+    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;
@@ -2758,8 +2854,8 @@ class PlaneActor extends Actor {
 }
 
 class SphereComponent extends MeshComponent {
-    constructor(radius, material = new webgpu.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
-        super(new webgpu.SphereGeometry(radius, widthSegments, heightSegments), material);
+    constructor(app, radius, material = new webgpu.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
+        super(app, new webgpu.SphereGeometry(radius, widthSegments, heightSegments), material);
     }
 }
 
@@ -2773,9 +2869,9 @@ class LabelComponent extends SceneComponent {
             this.obj.userData["LYObject"] = this;
         }
     }
-    constructor(domElement, center = new webgpu.Vector2(0.5, 1)) {
+    constructor(app, domElement, center = new webgpu.Vector2(0.5, 1)) {
         let obj = new CSS2DRenderer_js.CSS2DObject(domElement);
-        super(obj);
+        super(app, obj);
         this.obj = obj;
         obj.center = center;
     }
@@ -3003,6 +3099,7 @@ class TransformGizmo extends Pawn {
 }
 
 exports.Actor = Actor;
+exports.AssetManager = AssetManager;
 exports.BoxActor = BoxActor;
 exports.BoxComponent = BoxComponent;
 exports.Controller = Controller;
@@ -3021,8 +3118,6 @@ exports.Delegate = Delegate;
 exports.DirectionalLightActor = DirectionalLightActor;
 exports.DirectionalLightComponent = DirectionalLightComponent;
 exports.FirstPerson = FirstPerson;
-exports.LYAssetManager = LYAssetManager;
-exports.LYLoadTask = LYLoadTask;
 exports.LabelComponent = LabelComponent;
 exports.MeshComponent = MeshComponent;
 exports.Orbital = Orbital;