lythreeframe 1.0.23 → 1.0.24

package/dist/bundle.cjs.js

@@ -14,6 +14,7 @@ var MotionBlur_js = require('three/examples/jsm/tsl/display/MotionBlur.js');
 var FXAANode_js = require('three/examples/jsm/tsl/display/FXAANode.js');
 var SMAANode_js = require('three/examples/jsm/tsl/display/SMAANode.js');
 var gsap = require('gsap');
+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 TransformControls_js = require('three/examples/jsm/controls/TransformControls.js');
@@ -2613,9 +2614,19 @@ class DirectionalLightComponent extends LightComponent {
 class DirectionalLightActor extends Actor {
     constructor(color = 0xffffff, intensity = 1) {
         super();
-        this.lightComponent = new DirectionalLightComponent(color, intensity);
+        this.lightComponent = null;
+        this.lightComponent = this.rootComponent;
+        if (this.lightComponent) {
+            this.lightComponent.color = color;
+            this.lightComponent.intensity = intensity;
+        }
+        this.lightComponent.castShadow = true;
+    }
+    constructRootComponent() {
+        this.lightComponent = new DirectionalLightComponent();
         this.rootComponent = this.lightComponent;
         this.lightComponent.castShadow = true;
+        this.rootComponent.parentActor = this;
     }
 }
 
@@ -2632,6 +2643,69 @@ class BoxActor extends Actor {
     }
 }
 
+const DefaultSkyParam = {
+    turbidity: 10,
+    rayleigh: 2,
+    mieCoefficient: 0.005,
+    mieDirectionalG: 0.8,
+    elevation: 23.44,
+    azimuth: 135,
+};
+class SkyComponent 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(skyparam) {
+        let obj = new SkyMesh_js.SkyMesh();
+        super(obj);
+        this.skyParam = DefaultSkyParam;
+        this.sunPosition = new webgpu.Vector3();
+        this.obj = obj;
+        this.name = "SkyComponent";
+        if (skyparam) {
+            this.skyParam = skyparam;
+        }
+        this.updateSky();
+    }
+    updateSky() {
+        var _a, _b;
+        this.threeObject.turbidity.value = this.skyParam.turbidity;
+        this.threeObject.rayleigh.value = this.skyParam.rayleigh;
+        this.threeObject.mieCoefficient.value = this.skyParam.mieCoefficient;
+        this.threeObject.mieDirectionalG.value = this.skyParam.mieDirectionalG;
+        const phi = webgpu.MathUtils.degToRad(90 - this.skyParam.elevation);
+        const theta = webgpu.MathUtils.degToRad(this.skyParam.azimuth);
+        this.sunPosition.setFromSphericalCoords(1, phi, theta);
+        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();
+    }
+}
+
+class SkyActor extends Actor {
+    constructor() {
+        super();
+        this._name = "SkyActor";
+        this.skyComponent = null;
+        this.name = "DirectionalLightActor";
+        this.skyComponent = this.rootComponent;
+        this.rootComponent.name = `${this.rootComponent.name}(Root)`;
+    }
+    constructRootComponent() {
+        this.skyComponent = new SkyComponent();
+        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);
@@ -2657,41 +2731,6 @@ class PlaneActor extends Actor {
     }
 }
 
-const DefaultBloomParam = {
-    threshold: 0,
-    strength: 1,
-    radius: 0,
-};
-
-const DefaultDenoiseParam = {
-    denoiseRadius: 5,
-    lumaPhi: 5,
-    depthPhi: 5,
-    normalPhi: 5
-};
-
-const DefaultDOFParam = {
-    focus: 500.0,
-    aperture: 5,
-    maxblur: 0.01
-};
-
-const DefaultGTAOParam = {
-    distanceExponent: 1,
-    distanceFallOff: 1,
-    radius: 0.25,
-    scale: 1,
-    thickness: 1,
-    denoised: true,
-    denoiseParam: DefaultDenoiseParam,
-};
-
-const DefaultSSRParam = {
-    maxDistance: 0.5,
-    opacity: 1,
-    thickness: 0.015,
-};
-
 class SphereComponent extends MeshComponent {
     constructor(radius, material = new webgpu.MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
         super(new webgpu.SphereGeometry(radius, widthSegments, heightSegments), material);
@@ -2741,6 +2780,41 @@ class LabelComponent extends SceneComponent {
 // labelStyle.style.fontSize        = "10px";
 // labelStyle.style.pointerEvents   = 'auto';
 
+const DefaultBloomParam = {
+    threshold: 0,
+    strength: 1,
+    radius: 0,
+};
+
+const DefaultDenoiseParam = {
+    denoiseRadius: 5,
+    lumaPhi: 5,
+    depthPhi: 5,
+    normalPhi: 5
+};
+
+const DefaultDOFParam = {
+    focus: 500.0,
+    aperture: 5,
+    maxblur: 0.01
+};
+
+const DefaultGTAOParam = {
+    distanceExponent: 1,
+    distanceFallOff: 1,
+    radius: 0.25,
+    scale: 1,
+    thickness: 1,
+    denoised: true,
+    denoiseParam: DefaultDenoiseParam,
+};
+
+const DefaultSSRParam = {
+    maxDistance: 0.5,
+    opacity: 1,
+    thickness: 0.015,
+};
+
 class FirstPerson extends Pawn {
     constructor(controller) {
         super(controller);
@@ -2915,6 +2989,7 @@ exports.DefaultOutlineParams = DefaultOutlineParams;
 exports.DefaultPostProcessParam = DefaultPostProcessParam;
 exports.DefaultRenderParam = DefaultRenderParam;
 exports.DefaultSSRParam = DefaultSSRParam;
+exports.DefaultSkyParam = DefaultSkyParam;
 exports.DefaultToneMappingParams = DefaultToneMappingParams;
 exports.Delegate = Delegate;
 exports.DirectionalLightActor = DirectionalLightActor;
@@ -2928,6 +3003,8 @@ exports.Orbital = Orbital;
 exports.PlaneActor = PlaneActor;
 exports.PlaneComponent = PlaneComponent;
 exports.SceneComponent = SceneComponent;
+exports.SkyActor = SkyActor;
+exports.SkyComponent = SkyComponent;
 exports.SphereComponent = SphereComponent;
 exports.ThreeJsApp = ThreeJsApp;
 exports.ThreeObjectLibrary = ThreeObjectLibrary;

package/dist/bundle.esm.js

@@ -12,6 +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 { 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 { TransformControls } from 'three/examples/jsm/controls/TransformControls.js';
@@ -2611,9 +2612,19 @@ class DirectionalLightComponent extends LightComponent {
 class DirectionalLightActor extends Actor {
     constructor(color = 0xffffff, intensity = 1) {
         super();
-        this.lightComponent = new DirectionalLightComponent(color, intensity);
+        this.lightComponent = null;
+        this.lightComponent = this.rootComponent;
+        if (this.lightComponent) {
+            this.lightComponent.color = color;
+            this.lightComponent.intensity = intensity;
+        }
+        this.lightComponent.castShadow = true;
+    }
+    constructRootComponent() {
+        this.lightComponent = new DirectionalLightComponent();
         this.rootComponent = this.lightComponent;
         this.lightComponent.castShadow = true;
+        this.rootComponent.parentActor = this;
     }
 }
 
@@ -2630,6 +2641,69 @@ class BoxActor extends Actor {
     }
 }
 
+const DefaultSkyParam = {
+    turbidity: 10,
+    rayleigh: 2,
+    mieCoefficient: 0.005,
+    mieDirectionalG: 0.8,
+    elevation: 23.44,
+    azimuth: 135,
+};
+class SkyComponent 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(skyparam) {
+        let obj = new SkyMesh();
+        super(obj);
+        this.skyParam = DefaultSkyParam;
+        this.sunPosition = new Vector3();
+        this.obj = obj;
+        this.name = "SkyComponent";
+        if (skyparam) {
+            this.skyParam = skyparam;
+        }
+        this.updateSky();
+    }
+    updateSky() {
+        var _a, _b;
+        this.threeObject.turbidity.value = this.skyParam.turbidity;
+        this.threeObject.rayleigh.value = this.skyParam.rayleigh;
+        this.threeObject.mieCoefficient.value = this.skyParam.mieCoefficient;
+        this.threeObject.mieDirectionalG.value = this.skyParam.mieDirectionalG;
+        const phi = MathUtils.degToRad(90 - this.skyParam.elevation);
+        const theta = MathUtils.degToRad(this.skyParam.azimuth);
+        this.sunPosition.setFromSphericalCoords(1, phi, theta);
+        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();
+    }
+}
+
+class SkyActor extends Actor {
+    constructor() {
+        super();
+        this._name = "SkyActor";
+        this.skyComponent = null;
+        this.name = "DirectionalLightActor";
+        this.skyComponent = this.rootComponent;
+        this.rootComponent.name = `${this.rootComponent.name}(Root)`;
+    }
+    constructRootComponent() {
+        this.skyComponent = new SkyComponent();
+        this.rootComponent = this.skyComponent;
+        this.rootComponent.parentActor = this;
+    }
+}
+
 class PlaneComponent extends MeshComponent {
     constructor(width, height, material, widthSegments = 1, heightSegments = 1) {
         super(new PlaneGeometry(width, height, widthSegments, heightSegments), material);
@@ -2655,41 +2729,6 @@ class PlaneActor extends Actor {
     }
 }
 
-const DefaultBloomParam = {
-    threshold: 0,
-    strength: 1,
-    radius: 0,
-};
-
-const DefaultDenoiseParam = {
-    denoiseRadius: 5,
-    lumaPhi: 5,
-    depthPhi: 5,
-    normalPhi: 5
-};
-
-const DefaultDOFParam = {
-    focus: 500.0,
-    aperture: 5,
-    maxblur: 0.01
-};
-
-const DefaultGTAOParam = {
-    distanceExponent: 1,
-    distanceFallOff: 1,
-    radius: 0.25,
-    scale: 1,
-    thickness: 1,
-    denoised: true,
-    denoiseParam: DefaultDenoiseParam,
-};
-
-const DefaultSSRParam = {
-    maxDistance: 0.5,
-    opacity: 1,
-    thickness: 0.015,
-};
-
 class SphereComponent extends MeshComponent {
     constructor(radius, material = new MeshBasicMaterial(), widthSegments = 32, heightSegments = 16) {
         super(new SphereGeometry(radius, widthSegments, heightSegments), material);
@@ -2739,6 +2778,41 @@ class LabelComponent extends SceneComponent {
 // labelStyle.style.fontSize        = "10px";
 // labelStyle.style.pointerEvents   = 'auto';
 
+const DefaultBloomParam = {
+    threshold: 0,
+    strength: 1,
+    radius: 0,
+};
+
+const DefaultDenoiseParam = {
+    denoiseRadius: 5,
+    lumaPhi: 5,
+    depthPhi: 5,
+    normalPhi: 5
+};
+
+const DefaultDOFParam = {
+    focus: 500.0,
+    aperture: 5,
+    maxblur: 0.01
+};
+
+const DefaultGTAOParam = {
+    distanceExponent: 1,
+    distanceFallOff: 1,
+    radius: 0.25,
+    scale: 1,
+    thickness: 1,
+    denoised: true,
+    denoiseParam: DefaultDenoiseParam,
+};
+
+const DefaultSSRParam = {
+    maxDistance: 0.5,
+    opacity: 1,
+    thickness: 0.015,
+};
+
 class FirstPerson extends Pawn {
     constructor(controller) {
         super(controller);
@@ -2900,4 +2974,4 @@ class TransformGizmo extends Pawn {
     }
 }
 
-export { Actor, AttachmentRules, BoxActor, BoxComponent, Controller, DefaultAppParam, DefaultBloomParam, DefaultDOFParam, DefaultDenoiseParam, DefaultGTAOParam, DefaultOutlineParams, DefaultPostProcessParam, DefaultRenderParam, DefaultSSRParam, DefaultToneMappingParams, Delegate, DirectionalLightActor, DirectionalLightComponent, FirstPerson, LYAssetManager, LYLoadTask, LabelComponent, MeshComponent, Orbital, PlaneActor, PlaneComponent, SceneComponent, SphereComponent, ThreeJsApp, ThreeObjectLibrary, ToneMappingOptions, TransformGizmo, Viewport, WebGPUPostProcessFactory, World };
+export { Actor, AttachmentRules, BoxActor, BoxComponent, Controller, DefaultAppParam, DefaultBloomParam, DefaultDOFParam, DefaultDenoiseParam, DefaultGTAOParam, DefaultOutlineParams, DefaultPostProcessParam, DefaultRenderParam, DefaultSSRParam, DefaultSkyParam, DefaultToneMappingParams, Delegate, DirectionalLightActor, DirectionalLightComponent, FirstPerson, LYAssetManager, LYLoadTask, LabelComponent, MeshComponent, Orbital, PlaneActor, PlaneComponent, SceneComponent, SkyActor, SkyComponent, SphereComponent, ThreeJsApp, ThreeObjectLibrary, ToneMappingOptions, TransformGizmo, Viewport, WebGPUPostProcessFactory, World };

package/dist/index.d.ts

@@ -13,7 +13,18 @@ export { DefaultRenderParam, DefaultAppParam } from "./lythreeframe/Frame/Parame
 export { Actor } from "./lythreeframe/Object/Actor";
 export { DirectionalLightActor } from "./lythreeframe/Object/Actors/Light/DirectionalLightActor";
 export { BoxActor } from "./lythreeframe/Object/Actors/Shape/BoxActor";
+export { SkyActor } from "./lythreeframe/Object/Actors/Sky/SkyActor";
 export { PlaneActor } from "./lythreeframe/Object/Actors/Shape/PlaneActor";
+export { SceneComponent } from "./lythreeframe/Object/Components/SceneComponent";
+export { MeshComponent } from "./lythreeframe/Object/Components/Mesh/MeshComponent";
+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 { DirectionalLightComponent } from "./lythreeframe/Object/Components/Light/DirectionalLight/DirectionalLightComponent";
+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";
+export { DefaultSkyParam } from "./lythreeframe/Object/Components/Sky/SkyComponent";
 export { WebGPUPostProcessFactory } from "./lythreeframe/PostProcess/WebGPUPostProcessFactory";
 export { DefaultPostProcessParam } from "./lythreeframe/PostProcess/PostProcessParam";
 export type { PostProcessParam } from "./lythreeframe/PostProcess/PostProcessParam";
@@ -31,13 +42,6 @@ export { DefaultSSRParam } from "./lythreeframe/PostProcess/Param/SSR";
 export type { SSRParam } from "./lythreeframe/PostProcess/Param/SSR";
 export { DefaultToneMappingParams, ToneMappingOptions } from "./lythreeframe/PostProcess/Param/ToneMapping";
 export type { ToneMappingParams } from "./lythreeframe/PostProcess/Param/ToneMapping";
-export { SceneComponent } from "./lythreeframe/Object/Components/SceneComponent";
-export { MeshComponent } from "./lythreeframe/Object/Components/Mesh/MeshComponent";
-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 { DirectionalLightComponent } from "./lythreeframe/Object/Components/Light/DirectionalLight/DirectionalLightComponent";
-export { LabelComponent } from "./lythreeframe/Object/Components/2D/2DComponent";
 export { Orbital } from "./lythreeframe/Object/PawnV2/Oribital";
 export { FirstPerson } from "./lythreeframe/Object/PawnV2/FirstPerson";
 export type { ITransforming } from "./lythreeframe/Object/PawnV2/TransformControl";

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

@@ -2,6 +2,7 @@ import { ColorRepresentation } from "three/webgpu";
 import { Actor } from "../../Actor";
 import { DirectionalLightComponent } from "../../Components/Light/DirectionalLight/DirectionalLightComponent";
 export declare class DirectionalLightActor extends Actor {
-    protected lightComponent: DirectionalLightComponent;
+    protected lightComponent: DirectionalLightComponent | null;
     constructor(color?: ColorRepresentation, intensity?: number);
+    protected constructRootComponent(): void;
 }

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

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

package/package.json

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