lythreeframe 1.2.35 → 1.2.37

package/dist/bundle.cjs.js

@@ -2839,6 +2839,7 @@ class ThreeJsApp {
         return this._onCameraChangedDelegate;
     }
     constructor(appParam = DefaultAppParam) {
+        this._tickingFunctions = [];
         this._appParam = { viewportParam: DefaultViewportParam };
         this._onCameraChangedDelegate = new Delegate();
         this._appParam.cameraParam = appParam.cameraParam ? appParam.cameraParam : DefaultCameraParam;
@@ -2873,8 +2874,20 @@ class ThreeJsApp {
         const delta = this._clock.getDelta();
         this._controller.tick(delta);
         this.world.tick(delta);
+        this._tickingFunctions.forEach(func => {
+            func(delta);
+        });
         this.viewport.render();
     }
+    addTickingFunction(func) {
+        this._tickingFunctions.push(func);
+    }
+    removeTickingFunction(func) {
+        const index = this._tickingFunctions.indexOf(func);
+        if (index >= 0) {
+            this._tickingFunctions.splice(index, 1);
+        }
+    }
     destroy() {
         this.onCameraChangedDelegate.clear();
         this.controller.destroy();
@@ -3007,6 +3020,74 @@ class DirectionalLightActor extends Actor {
     }
 }
 
+class AmbientLightComponent extends LightComponent {
+    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;
+        }
+    }
+    get castShadow() {
+        return this.threeObject.castShadow;
+    }
+    set castShadow(value) {
+        this.threeObject.castShadow = value;
+    }
+    constructor(app, color = 0xffffff, intensity = 10, uuid) {
+        super(app, uuid);
+        this.threeObject.color.set(color);
+        this.threeObject.intensity = intensity;
+    }
+    createDefaultObject() {
+        return new webgpu.AmbientLight(0xffffff, 10);
+    }
+    setPosition(...args) {
+        if (args.length === 1) {
+            super.setPosition(args[0]);
+        }
+        else {
+            super.setPosition(args[0], args[1], args[2]);
+        }
+        this.update();
+    }
+    update() {
+        if (this.world)
+            this.world.viewport.markRenderStateDirty();
+    }
+    onAddedToWorld(world) {
+        if (!this.threeObject) {
+            throw Error("three object is invalid");
+        }
+        super.onAddedToWorld(world);
+    }
+    destroy() {
+        super.destroy();
+    }
+}
+
+class AmbientLightActor extends Actor {
+    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() {
+        return new AmbientLightComponent(this.app);
+    }
+}
+
 class BoxComponent extends MeshComponent {
     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);
@@ -3430,6 +3511,8 @@ class TransformGizmo extends Pawn {
 }
 
 exports.Actor = Actor;
+exports.AmbientLightActor = AmbientLightActor;
+exports.AmbientLightComponent = AmbientLightComponent;
 exports.AssetManager = AssetManager;
 exports.BoxActor = BoxActor;
 exports.BoxComponent = BoxComponent;

package/dist/bundle.esm.js

@@ -1,4 +1,4 @@
-import { MathUtils, Object3D, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, LoadingManager, BufferGeometry, Texture, FileLoader, Material, NearestFilter, WebGPURenderer, PostProcessing, Color, Vector2, Raycaster, OrthographicCamera, PerspectiveCamera, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry } from 'three/webgpu';
+import { MathUtils, Object3D, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, LoadingManager, BufferGeometry, Texture, FileLoader, Material, NearestFilter, WebGPURenderer, PostProcessing, Color, Vector2, Raycaster, OrthographicCamera, PerspectiveCamera, Clock, DirectionalLight, AmbientLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry } from 'three/webgpu';
 import { GLTFLoader, DRACOLoader, CSS2DRenderer, OrbitControls } from 'three/examples/jsm/Addons.js';
 import { pass, mrt, output, uniform, metalness, transformedNormalView, time, oscSine } from 'three/tsl';
 import { dof } from 'three/addons/tsl/display/DepthOfFieldNode.js';
@@ -2837,6 +2837,7 @@ class ThreeJsApp {
         return this._onCameraChangedDelegate;
     }
     constructor(appParam = DefaultAppParam) {
+        this._tickingFunctions = [];
         this._appParam = { viewportParam: DefaultViewportParam };
         this._onCameraChangedDelegate = new Delegate();
         this._appParam.cameraParam = appParam.cameraParam ? appParam.cameraParam : DefaultCameraParam;
@@ -2871,8 +2872,20 @@ class ThreeJsApp {
         const delta = this._clock.getDelta();
         this._controller.tick(delta);
         this.world.tick(delta);
+        this._tickingFunctions.forEach(func => {
+            func(delta);
+        });
         this.viewport.render();
     }
+    addTickingFunction(func) {
+        this._tickingFunctions.push(func);
+    }
+    removeTickingFunction(func) {
+        const index = this._tickingFunctions.indexOf(func);
+        if (index >= 0) {
+            this._tickingFunctions.splice(index, 1);
+        }
+    }
     destroy() {
         this.onCameraChangedDelegate.clear();
         this.controller.destroy();
@@ -3005,6 +3018,74 @@ class DirectionalLightActor extends Actor {
     }
 }
 
+class AmbientLightComponent extends LightComponent {
+    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;
+        }
+    }
+    get castShadow() {
+        return this.threeObject.castShadow;
+    }
+    set castShadow(value) {
+        this.threeObject.castShadow = value;
+    }
+    constructor(app, color = 0xffffff, intensity = 10, uuid) {
+        super(app, uuid);
+        this.threeObject.color.set(color);
+        this.threeObject.intensity = intensity;
+    }
+    createDefaultObject() {
+        return new AmbientLight(0xffffff, 10);
+    }
+    setPosition(...args) {
+        if (args.length === 1) {
+            super.setPosition(args[0]);
+        }
+        else {
+            super.setPosition(args[0], args[1], args[2]);
+        }
+        this.update();
+    }
+    update() {
+        if (this.world)
+            this.world.viewport.markRenderStateDirty();
+    }
+    onAddedToWorld(world) {
+        if (!this.threeObject) {
+            throw Error("three object is invalid");
+        }
+        super.onAddedToWorld(world);
+    }
+    destroy() {
+        super.destroy();
+    }
+}
+
+class AmbientLightActor extends Actor {
+    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() {
+        return new AmbientLightComponent(this.app);
+    }
+}
+
 class BoxComponent extends MeshComponent {
     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);
@@ -3427,4 +3508,4 @@ class TransformGizmo extends Pawn {
     }
 }
 
-export { Actor, AssetManager, AttachmentRules, BoxActor, BoxComponent, Controller, DefaultAAParams, DefaultAppParam, DefaultBloomParam, DefaultCameraParam, DefaultDOFParam, DefaultDenoiseParam, DefaultGTAOParam, DefaultOrthographicCameraParam, DefaultOutlineParams, DefaultPerspectiveCameraParam, DefaultPostProcessParam, DefaultRendererParameters, DefaultSSRParam, DefaultSkyParam, DefaultViewportParam, DefaultWorldParam, Delegate, DirectionalLightActor, DirectionalLightComponent, FirstPerson, GeometryAssetPointer, LabelComponent, LevelActor, LevelComponent, MaterialAssetPointer, MeshComponent, Orbital, PlaneActor, PlaneComponent, PostProcessStepType, SceneComponent, SkyActor, SkyComponent, SphereComponent, TAssetPointer, TSmartPointer, TextureAssetPointer, ThreeJsApp, ThreeObjectLibrary, TransformGizmo, Viewport, WebGPUPostProcessFactory, World };
+export { Actor, AmbientLightActor, AmbientLightComponent, AssetManager, AttachmentRules, BoxActor, BoxComponent, Controller, DefaultAAParams, DefaultAppParam, DefaultBloomParam, DefaultCameraParam, DefaultDOFParam, DefaultDenoiseParam, DefaultGTAOParam, DefaultOrthographicCameraParam, DefaultOutlineParams, DefaultPerspectiveCameraParam, DefaultPostProcessParam, DefaultRendererParameters, DefaultSSRParam, DefaultSkyParam, DefaultViewportParam, DefaultWorldParam, Delegate, DirectionalLightActor, DirectionalLightComponent, FirstPerson, GeometryAssetPointer, LabelComponent, LevelActor, LevelComponent, MaterialAssetPointer, MeshComponent, Orbital, PlaneActor, PlaneComponent, PostProcessStepType, SceneComponent, SkyActor, SkyComponent, SphereComponent, TAssetPointer, TSmartPointer, TextureAssetPointer, ThreeJsApp, ThreeObjectLibrary, TransformGizmo, Viewport, WebGPUPostProcessFactory, World };

package/dist/index.d.ts

@@ -22,6 +22,7 @@ export type { RendererParameters } from './lythreeframe/Frame/Parameters/Rendere
 export { DefaultRendererParameters } from './lythreeframe/Frame/Parameters/RendererParameters';
 export { Actor } from "./lythreeframe/Object/Actor";
 export { DirectionalLightActor } from "./lythreeframe/Object/Actors/Light/DirectionalLightActor";
+export { AmbientLightActor } from './lythreeframe/Object/Actors/Light/AmbientLightActor';
 export { BoxActor } from "./lythreeframe/Object/Actors/Shape/BoxActor";
 export { SkyActor } from "./lythreeframe/Object/Actors/Sky/SkyActor";
 export { PlaneActor } from "./lythreeframe/Object/Actors/Shape/PlaneActor";
@@ -33,6 +34,7 @@ export { PlaneComponent } from "./lythreeframe/Object/Components/Mesh/Shape/Plan
 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 { AmbientLightComponent } from './lythreeframe/Object/Components/Light/AmbientLight/AmbientLightComponent';
 export { LabelComponent } from "./lythreeframe/Object/Components/2D/2DComponent";
 export { SkyComponent } from "./lythreeframe/Object/Components/Sky/SkyComponent";
 export type { SkyComponentParam } from "./lythreeframe/Object/Components/Sky/SkyComponent";

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

@@ -0,0 +1,9 @@
+import { ColorRepresentation } from "three/webgpu";
+import { Actor } from "../../Actor";
+import { ThreeJsApp } from "../../../ThreeJsApp";
+import { AmbientLightComponent } from "../../Components/Light/AmbientLight/AmbientLightComponent";
+export declare class AmbientLightActor extends Actor {
+    protected lightComponent: AmbientLightComponent | null;
+    constructor(app: ThreeJsApp, color?: ColorRepresentation, intensity?: number, uuid?: string);
+    protected constructRootComponent(): AmbientLightComponent;
+}

package/dist/lythreeframe/Object/Components/Light/AmbientLight/AmbientLightComponent.d.ts

@@ -0,0 +1,16 @@
+import { LightComponent } from "../LightComponent";
+import { ColorRepresentation, AmbientLight, Vector3 } from "three/webgpu";
+import { World } from "../../../../Frame/World";
+import { ThreeJsApp } from "../../../../ThreeJsApp";
+export declare class AmbientLightComponent extends LightComponent {
+    get threeObject(): AmbientLight;
+    set threeObject(newThreeObject: AmbientLight);
+    get castShadow(): boolean;
+    set castShadow(value: boolean);
+    constructor(app: ThreeJsApp, color?: ColorRepresentation, intensity?: number, uuid?: string);
+    protected createDefaultObject(): AmbientLight;
+    setPosition(...args: [Vector3] | [number, number, number]): void;
+    update(): void;
+    onAddedToWorld(world: World): void;
+    destroy(): void;
+}

package/dist/lythreeframe/ThreeJsApp.d.ts

@@ -19,6 +19,7 @@ export declare class ThreeJsApp {
     protected _viewport: Viewport;
     protected _controller: Controller;
     protected _assetManager: AssetManager;
+    protected _tickingFunctions: Array<(delta: number) => void>;
     get appParam(): AppParam;
     protected _appParam: AppParam;
     get onCameraChangedDelegate(): Delegate<[void]>;
@@ -27,6 +28,8 @@ export declare class ThreeJsApp {
     protected postConstruct(): void;
     init(): void;
     tick(): void;
+    addTickingFunction(func: (deltaTime: number) => void): void;
+    removeTickingFunction(func: (deltaTime: number) => void): void;
     destroy(): void;
     updateCamera(param: CameraParam): void;
     onWindowResize(width: number, height: number): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lythreeframe",
-  "version": "1.2.35",
+  "version": "1.2.37",
   "description": "Three.js 封装",
   "main": "dist/bundle.cjs.js",
   "module": "dist/bundle.esm.js",