lythreeframe 1.0.22 → 1.0.24

package/dist/bundle.esm.js

@@ -1,7 +1,6 @@
-import { MathUtils, Group, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, BufferGeometry, Material, Texture, LoadingManager, FileLoader, Scene, NoToneMapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping, NeutralToneMapping, Vector2, Raycaster, PerspectiveCamera, OrthographicCamera, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry, Object3D } from 'three';
+import { MathUtils, Group, Vector3, Box3, Quaternion, Euler, Matrix4, Mesh, BufferGeometry, Material, Texture, LoadingManager, FileLoader, Scene, NoToneMapping, LinearToneMapping, ReinhardToneMapping, CineonToneMapping, ACESFilmicToneMapping, AgXToneMapping, NeutralToneMapping, WebGPURenderer, PostProcessing, Color, Vector2, Raycaster, PerspectiveCamera, OrthographicCamera, Clock, DirectionalLight, MeshStandardMaterial, BoxGeometry, MeshBasicMaterial, PlaneGeometry, SphereGeometry, Object3D } 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 { WebGPURenderer, PostProcessing, Color } from 'three/webgpu';
 import { bloom } from 'three/examples/jsm/tsl/display/BloomNode.js';
 import { denoise } from 'three/examples/jsm/tsl/display/DenoiseNode.js';
 import { dof } from 'three/examples/jsm/tsl/display/DepthOfFieldNode.js';
@@ -13,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';
@@ -2612,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;
     }
 }
 
@@ -2631,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);
@@ -2656,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);
@@ -2740,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);
@@ -2901,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/AssetManagement/AssetManager.d.ts

@@ -1,4 +1,4 @@
-import { BufferGeometry, LoadingManager, Material, Mesh, Texture } from 'three';
+import { BufferGeometry, LoadingManager, Material, Mesh, Texture } from "three/webgpu";
 import { SceneComponent } from "../Object/Components/SceneComponent";
 import { LYLoadTask } from "./Task/Task";
 import { TAssetPointer } from "./AssetPointer/AssetPointer";

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

@@ -1,4 +1,4 @@
-import { BufferGeometry, Material, Texture } from "three";
+import { BufferGeometry, Material, Texture } from "three/webgpu";
 import { TSmartPointer } from "../../Container/SmartPointer";
 export declare class TAssetPointer<T extends BufferGeometry | Texture | Material> extends TSmartPointer<T> {
     get uuid(): string;

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

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

package/dist/lythreeframe/Frame/Controller.d.ts

@@ -1,5 +1,5 @@
 import { ThreeJsApp } from "../ThreeJsApp";
-import { Euler, Intersection, OrthographicCamera, PerspectiveCamera, Quaternion, Vector3 } from "three";
+import { Euler, Intersection, OrthographicCamera, PerspectiveCamera, Quaternion, Vector3 } from "three/webgpu";
 import { World } from "./World";
 import { Viewport } from "./Viewport";
 import { Pawn } from "../Object/PawnV2/Pawn";

package/dist/lythreeframe/Frame/World.d.ts

@@ -1,4 +1,4 @@
-import { Scene } from "three";
+import { Scene } from "three/webgpu";
 import { ThreeJsApp } from "../ThreeJsApp";
 import { Viewport } from "./Viewport";
 import { Controller } from "./Controller";

package/dist/lythreeframe/Geometry/PlaneGeometry.d.ts

@@ -1,3 +1,3 @@
-import { BufferGeometry } from 'three';
+import { BufferGeometry } from "three/webgpu";
 declare function createPlaneGeometryFaceUp(): BufferGeometry;
 export { createPlaneGeometryFaceUp };

package/dist/lythreeframe/Geometry/TriangleGeometry.d.ts

@@ -1,3 +1,3 @@
-import { BufferGeometry } from 'three';
+import { BufferGeometry } from "three/webgpu";
 declare function createArrowHeadGeometry(): BufferGeometry;
 export { createArrowHeadGeometry };

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

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

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

@@ -1,4 +1,4 @@
-import { Mesh } from "three";
+import { Mesh } from "three/webgpu";
 export declare class ThreeObjectLibrary {
     static disposeMeshMaterial(mesh: Mesh): void;
     static disposeMeshGeometry(mesh: Mesh): void;

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

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

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

@@ -1,7 +1,8 @@
-import { ColorRepresentation } from "three";
+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/Shape/BoxActor.d.ts

@@ -1,4 +1,4 @@
-import { Material } from "three";
+import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
 export declare class BoxActor extends Actor {
     constructor(width?: number, height?: number, depth?: number, widthSegments?: number, heightSegments?: number, depthSegments?: number, material?: Material);

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

@@ -1,4 +1,4 @@
-import { Material } from "three";
+import { Material } from "three/webgpu";
 import { Actor } from "../../Actor";
 import { PlaneComponent } from "../../Components/Mesh/Shape/PlaneComponent";
 export declare class PlaneActor extends Actor {

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

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

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

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

package/dist/lythreeframe/Object/Components/Camera/CameraComponent.d.ts

@@ -1,5 +1,5 @@
 import { SceneComponent } from "../SceneComponent";
-import { OrthographicCamera, PerspectiveCamera } from "three";
+import { OrthographicCamera, PerspectiveCamera } from "three/webgpu";
 interface CameraParam {
     near: number;
     far: number;

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

@@ -1,4 +1,4 @@
-import { Object3D } from "three";
+import { Object3D } from "three/webgpu";
 import { BaseObject } from "../BaseObject";
 import { Actor } from "../Actor";
 export declare abstract class Component extends BaseObject {

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

@@ -1,5 +1,5 @@
 import { LightComponent } from "../LightComponent";
-import { ColorRepresentation, DirectionalLight, Vector3 } from "three";
+import { ColorRepresentation, DirectionalLight, Vector3 } from "three/webgpu";
 import { World } from "../../../../Frame/World";
 export declare class DirectionalLightComponent extends LightComponent {
     get threeObject(): DirectionalLight;

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

@@ -1,4 +1,4 @@
-import { ColorRepresentation, Light } from "three";
+import { ColorRepresentation, Light } from "three/webgpu";
 import { SceneComponent } from "../SceneComponent";
 export declare abstract class LightComponent extends SceneComponent {
     get threeObject(): Light;

package/dist/lythreeframe/Object/Components/Mesh/InstanceMesh/InstanceMeshComponent.d.ts

@@ -1,4 +1,4 @@
-import { BufferGeometry, Material, Matrix4 } from "three";
+import { BufferGeometry, Material, Matrix4 } from "three/webgpu";
 import { MeshComponent } from "../MeshComponent";
 export declare class LYInstanceMeshComponent extends MeshComponent {
     constructor(geometry: BufferGeometry, material: Material | Material[], matrices: Matrix4[]);

package/dist/lythreeframe/Object/Components/Mesh/InstanceMesh/MultiInstanceMeshComponent.d.ts

@@ -1,4 +1,4 @@
-import { Matrix4, Object3D } from "three";
+import { Matrix4, Object3D } from "three/webgpu";
 import { SceneComponent } from "../../SceneComponent";
 export declare class LYMultiInstanceMeshComponent extends SceneComponent {
     get matrices(): Matrix4[];

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

@@ -1,5 +1,4 @@
-import { BufferGeometry, Material, Mesh } from 'three';
-import { Vector3 } from "three";
+import { BufferGeometry, Material, Mesh } from "three/webgpu";
 import { SceneComponent } from "../SceneComponent";
 export declare class MeshComponent extends SceneComponent {
     get threeObject(): Mesh | null;
@@ -13,10 +12,10 @@ export declare class MeshComponent extends SceneComponent {
     constructor(geometry: BufferGeometry, material: Material | Material[] | null);
     set castShadow(bCast: boolean);
     get castShadow(): boolean;
-    set receiveShadow(bReceive: boolean);
-    get receiveShadow(): boolean;
-    getBoundsCenterPosition(): Vector3;
-    getBoundsTopCenterPosition(): Vector3;
-    getBoundsBottomCenterPosition(): Vector3;
+    set receiveShadow(bReceive: any);
+    get receiveShadow(): any;
+    getBoundsCenterPosition(): any;
+    getBoundsTopCenterPosition(): any;
+    getBoundsBottomCenterPosition(): any;
     destroyObject(): void;
 }

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { Sprite, Texture } from "three";
+import { Sprite, Texture } from "three/webgpu";
 import { SceneComponent } from "../../SceneComponent";
 export declare class SpriteComponent extends SceneComponent {
     get threeObject(): Sprite;

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

@@ -1,5 +1,5 @@
 import { Actor } from "../Actor";
-import { Box3, Euler, Matrix4, Object3D, Quaternion, Vector3 } from "three";
+import { Box3, Euler, Matrix4, Object3D, Quaternion, Vector3 } from "three/webgpu";
 import { Component } from "./Component";
 import { World } from "../../Frame/World";
 import { AttachmentRules } from "../../Defines";
@@ -23,29 +23,29 @@ export declare class SceneComponent extends Component {
     onAddedToWorld(world: World): void;
     destroy(): void;
     destroyObject(): void;
-    getPosition(): Vector3;
+    getPosition(): any;
     setPosition(position: Vector3): void;
     setPosition(x: number, y: number, z: number): void;
-    getRotation(): Euler;
+    getRotation(): any;
     setRotation(rotation: Euler): void;
     setRotation(x: number, y: number, z: number): void;
-    getQuaternion(): Quaternion;
+    getQuaternion(): any;
     setQuaternion(quat: Quaternion): void;
     setQuaternion(x: number, y: number, z: number, w: number): void;
-    getScale(): Vector3;
+    getScale(): any;
     setScale(position: Vector3): void;
     setScale(x: number, y: number, z: number): void;
     getMatrix(): Matrix4;
     setMatrix(matrix: Matrix4): void;
-    getWorldPosition(): Vector3;
-    getWorldRotation(): Euler;
-    getWorldQuaternion(): Quaternion;
-    getWorldScale(): Vector3;
-    getWorldMatrix(): Matrix4;
+    getWorldPosition(): any;
+    getWorldRotation(): any;
+    getWorldQuaternion(): any;
+    getWorldScale(): any;
+    getWorldMatrix(): any;
     setWorldMatrix(newMatrix: Matrix4): void;
-    getWorldForwardDirection(): Vector3;
-    getWorldUpDirection(): Vector3;
-    getWorldRightDirection(): Vector3;
+    getWorldForwardDirection(): any;
+    getWorldUpDirection(): any;
+    getWorldRightDirection(): any;
     worldToLocal(vec: Vector3): Vector3;
     localToWorld(vec: Vector3): Vector3;
     attachComponent(newComponent: SceneComponent): void;

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

@@ -0,0 +1,20 @@
+import { SkyMesh } from "three/examples/jsm/objects/SkyMesh.js";
+import { SceneComponent } from "../SceneComponent";
+export interface SkyComponentParam {
+    turbidity: number;
+    rayleigh: number;
+    mieCoefficient: number;
+    mieDirectionalG: number;
+    elevation: number;
+    azimuth: number;
+}
+export declare const DefaultSkyParam: SkyComponentParam;
+export declare class SkyComponent extends SceneComponent {
+    get threeObject(): SkyMesh;
+    set threeObject(newThreeObject: SkyMesh);
+    protected obj: SkyMesh | null;
+    private skyParam;
+    private sunPosition;
+    constructor(skyparam?: SkyComponentParam);
+    private updateSky;
+}

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

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

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

@@ -1,5 +1,5 @@
 import { Pawn } from "./Pawn";
-import { Matrix4 } from "three";
+import { Matrix4 } from "three/webgpu";
 import { TransformControls } from "three/examples/jsm/controls/TransformControls.js";
 import { Controller } from "../../Frame/Controller";
 export interface TransformType {

package/dist/lythreeframe/PostProcess/Param/Outline.d.ts

@@ -1,4 +1,4 @@
-import { ColorRepresentation } from "three";
+import { ColorRepresentation } from "three/webgpu";
 export interface OutlineParams {
     edgeStrength: number;
     edgeGlow: number;

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

package/dist/lythreeframe/PostProcess/WebGPUPostProcessFactory.d.ts

@@ -1,5 +1,5 @@
 import { OutlineParams } from './Param/Outline';
-import { Scene, Camera, Object3D } from "three";
+import { Scene, Camera, Object3D } from "three/webgpu";
 import BloomNode from "three/examples/jsm/tsl/display/BloomNode.js";
 import DenoiseNode from "three/examples/jsm/tsl/display/DenoiseNode.js";
 import DepthOfFieldNode from "three/examples/jsm/tsl/display/DepthOfFieldNode.js";

package/dist/lythreeframe/ThreeJsApp.d.ts

@@ -1,7 +1,7 @@
 import { World } from "./Frame/World";
 import { Viewport } from "./Frame/Viewport";
 import { Controller } from "./Frame/Controller";
-import { Clock, OrthographicCamera, PerspectiveCamera } from "three";
+import { Clock, OrthographicCamera, PerspectiveCamera } from "three/webgpu";
 import { Delegate } from './Delegate';
 import { CameraParam } from './Frame/Parameters/CameraParameter';
 import { AppParam } from './Frame/Parameters/AppParameter';