@mml-io/3d-web-client-core 0.0.0-experimental-ff88de3-20240530 → 0.0.0-experimental-27180bc-20240609

package/build/rendering/composer.d.ts

@@ -3,6 +3,35 @@ import { PerspectiveCamera, Scene, Vector2, WebGLRenderer } from "three";
 import { Sun } from "../sun/Sun";
 import { TimeManager } from "../time/TimeManager";
 import { TweakPane } from "../tweakpane/TweakPane";
+type ComposerContructorArgs = {
+    scene: Scene;
+    camera: PerspectiveCamera;
+    spawnSun: boolean;
+    environmentConfiguration?: EnvironmentConfiguration;
+};
+export type EnvironmentConfiguration = {
+    groundPlane?: boolean;
+    skybox?: {
+        intensity?: number;
+        blurriness?: number;
+        azimuthalAngle?: number;
+        polarAngle?: number;
+    };
+    envMap?: {
+        intensity?: number;
+    };
+    sun?: {
+        intensity?: number;
+        polarAngle?: number;
+        azimuthalAngle?: number;
+    };
+    postProcessing?: {
+        bloomIntensity?: number;
+    };
+    ambientLight?: {
+        intensity?: number;
+    };
+};
 export declare class Composer {
     private width;
     private height;
@@ -33,18 +62,22 @@ export declare class Composer {
     private readonly gaussGrainEffect;
     private readonly gaussGrainPass;
     private ambientLight;
+    private environmentConfiguration?;
     sun: Sun | null;
     spawnSun: boolean;
-    constructor(scene: Scene, camera: PerspectiveCamera, spawnSun?: boolean);
+    constructor({ scene, camera, spawnSun, environmentConfiguration, }: ComposerContructorArgs);
     setupTweakPane(tweakPane: TweakPane): void;
     dispose(): void;
     fitContainer(): void;
     render(timeManager: TimeManager): void;
-    setHDRAzimuthalAngle(azimuthalAngle: number): void;
-    setHDRPolarAngle(polarAngle: number): void;
+    updateSkyboxRotation(): void;
     useHDRJPG(url: string, fromFile?: boolean): void;
     useHDRI(url: string, fromFile?: boolean): void;
     setHDRIFromFile(): void;
     setFog(): void;
     setAmbientLight(): void;
+    private updateSunValues;
+    private updateSkyboxAndEnvValues;
+    private updateAmbientLightValues;
 }
+export {};

package/build/tweakpane/TweakPane.d.ts

@@ -28,7 +28,7 @@ export declare class TweakPane {
     constructor(holderElement: HTMLElement, renderer: WebGLRenderer, scene: Scene, composer: EffectComposer);
     private setupGUIListeners;
     private processKey;
-    setupRenderPane(composer: EffectComposer, normalPass: NormalPass, ppssaoEffect: SSAOEffect, ppssaoPass: EffectPass, n8aopass: any, toneMappingEffect: ToneMappingEffect, toneMappingPass: EffectPass, brightnessContrastSaturation: typeof BrightnessContrastSaturation, bloomEffect: BloomEffect, gaussGrainEffect: typeof GaussGrainEffect, hasLighting: boolean, sun: Sun | null, setHDR: () => void, setHDRAzimuthalAngle: (azimuthalAngle: number) => void, setHDRPolarAngle: (azimuthalAngle: number) => void, setAmbientLight: () => void, setFog: () => void): void;
+    setupRenderPane(composer: EffectComposer, normalPass: NormalPass, ppssaoEffect: SSAOEffect, ppssaoPass: EffectPass, n8aopass: any, toneMappingEffect: ToneMappingEffect, toneMappingPass: EffectPass, brightnessContrastSaturation: typeof BrightnessContrastSaturation, bloomEffect: BloomEffect, gaussGrainEffect: typeof GaussGrainEffect, hasLighting: boolean, sun: Sun | null, setHDR: () => void, setSkyboxAzimuthalAngle: (azimuthalAngle: number) => void, setSkyboxPolarAngle: (azimuthalAngle: number) => void, setAmbientLight: () => void, setFog: () => void): void;
     setupCamPane(cameraManager: CameraManager): void;
     setupCharacterController(localController: LocalController): void;
     updateStats(timeManager: TimeManager): void;

package/build/tweakpane/blades/environmentFolder.d.ts

@@ -14,10 +14,11 @@ export declare const sunValues: {
     };
 };
 export declare const envValues: {
-    hdrAzimuthalAngle: number;
-    hdrPolarAngle: number;
-    hdrIntensity: number;
-    hdrBlurriness: number;
+    skyboxAzimuthalAngle: number;
+    skyboxPolarAngle: number;
+    envMapIntensity: number;
+    skyboxIntensity: number;
+    skyboxBlurriness: number;
     ambientLight: {
         ambientLightIntensity: number;
         ambientLightColor: {
@@ -39,8 +40,11 @@ export declare const envValues: {
 export declare class EnvironmentFolder {
     folder: FolderApi;
     private sun;
+    private envMap;
     private hdrButton;
+    private skybox;
     private ambient;
+    private fog;
     constructor(parentFolder: FolderApi, expand?: boolean);
-    setupChangeEvent(scene: Scene, setHDR: () => void, setHDRAzimuthalAngle: (azimuthalAngle: number) => void, setHDRPolarAngle: (azimuthalAngle: number) => void, setAmbientLight: () => void, setFog: () => void, sun: Sun | null): void;
+    setupChangeEvent(scene: Scene, setHDR: () => void, setSkyboxAzimuthalAngle: (azimuthalAngle: number) => void, setSkyboxPolarAngle: (polarAngle: number) => void, setAmbientLight: () => void, setFog: () => void, sun: Sun | null): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-client-core",
-  "version": "0.0.0-experimental-ff88de3-20240530",
+  "version": "0.0.0-experimental-27180bc-20240609",
   "publishConfig": {
     "access": "public"
   },
@@ -18,7 +18,7 @@
     "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/3d-web-avatar": "0.0.0-experimental-ff88de3-20240530",
+    "@mml-io/3d-web-avatar": "0.0.0-experimental-27180bc-20240609",
     "@mml-io/model-loader": "0.15.0",
     "@monogrid/gainmap-js": "^3.0.5",
     "@tweakpane/core": "2.0.3",
@@ -34,5 +34,5 @@
   "devDependencies": {
     "@types/three": "0.163.0"
   },
-  "gitHead": "9e2bbe1ad521e606eb5d85d68bc9f86bf48c641d"
+  "gitHead": "e3e5953b0d6c60c95d192863f9b6e2c9a48f8294"
 }