@mml-io/3d-web-client-core 0.0.0-experimental-6ac3eeb-20240518 → 0.0.0-experimental-2404df1-20240520

package/build/rendering/composer.d.ts

@@ -40,6 +40,8 @@ export declare class Composer {
     dispose(): void;
     fitContainer(): void;
     render(timeManager: TimeManager): void;
+    setHDRAzimuthalAngle(azimuthalAngle: number): void;
+    setHDRPolarAngle(polarAngle: number): void;
     useHDRJPG(url: string, fromFile?: boolean): void;
     useHDRI(url: string, fromFile?: boolean): void;
     setHDRIFromFile(): void;

package/build/tweakpane/TweakPane.d.ts

@@ -1,5 +1,6 @@
 import { BloomEffect, EffectComposer, EffectPass, NormalPass, SSAOEffect, ToneMappingEffect } from "postprocessing";
 import { Scene, WebGLRenderer } from "three";
+import { CameraManager } from "../camera/CameraManager";
 import { BrightnessContrastSaturation } from "../rendering/post-effects/bright-contrast-sat";
 import { GaussGrainEffect } from "../rendering/post-effects/gauss-grain";
 import { Sun } from "../sun/Sun";
@@ -18,14 +19,17 @@ export declare class TweakPane {
     private postExtrasFolder;
     private character;
     private environment;
+    private camera;
     private export;
     private saveVisibilityInLocalStorage;
     guiVisible: boolean;
     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, 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, setHDRAzimuthalAngle: (azimuthalAngle: number) => void, setHDRPolarAngle: (azimuthalAngle: number) => void, setAmbientLight: () => void, setFog: () => void): void;
+    setupCamPane(cameraManager: CameraManager): void;
     updateStats(timeManager: TimeManager): void;
+    updateCameraData(cameraManager: CameraManager): void;
     private formatDateForFilename;
     private downloadSettingsAsJSON;
     private importSettingsFromJSON;

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

@@ -0,0 +1,68 @@
+import { FolderApi } from "tweakpane";
+import { CameraManager } from "../../camera/CameraManager";
+export declare const camValues: {
+    initialDistance: number;
+    minDistance: number;
+    maxDistance: number;
+    initialFOV: number;
+    maxFOV: number;
+    minFOV: number;
+    invertFOVMapping: boolean;
+    damping: number;
+    dampingScale: number;
+    zoomScale: number;
+};
+export declare const camOptions: {
+    initialDistance: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    minDistance: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    maxDistance: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    initialFOV: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    maxFOV: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    minFOV: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    damping: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    dampingScale: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    zoomScale: {
+        min: number;
+        max: number;
+        step: number;
+    };
+};
+export declare class CameraFolder {
+    folder: FolderApi;
+    private camData;
+    constructor(parentFolder: FolderApi, expand?: boolean);
+    setupChangeEvent(cameraManager: CameraManager): void;
+    update(cameraManager: CameraManager): void;
+}

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

@@ -1,3 +1,4 @@
+import { Scene } from "three";
 import { FolderApi } from "tweakpane";
 import { Sun } from "../../sun/Sun";
 export declare const sunValues: {
@@ -13,6 +14,10 @@ export declare const sunValues: {
     };
 };
 export declare const envValues: {
+    hdrAzimuthalAngle: number;
+    hdrPolarAngle: number;
+    hdrIntensity: number;
+    hdrBlurriness: number;
     ambientLight: {
         ambientLightIntensity: number;
         ambientLightColor: {
@@ -34,8 +39,8 @@ export declare const envValues: {
 export declare class EnvironmentFolder {
     folder: FolderApi;
     private sun;
-    private sunButton;
+    private hdrButton;
     private ambient;
     constructor(parentFolder: FolderApi, expand?: boolean);
-    setupChangeEvent(setHDR: () => void, setAmbientLight: () => void, setFog: () => void, sun: Sun | null): void;
+    setupChangeEvent(scene: Scene, setHDR: () => void, setHDRAzimuthalAngle: (azimuthalAngle: number) => void, setHDRPolarAngle: (azimuthalAngle: number) => void, setAmbientLight: () => void, setFog: () => void, sun: Sun | null): void;
 }

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

@@ -1,15 +1,13 @@
 import { EffectPass } from "postprocessing";
-import { Scene, WebGLRenderer } from "three";
+import { WebGLRenderer } from "three";
 import { FolderApi } from "tweakpane";
 export declare const rendererValues: {
     shadowMap: number;
     toneMapping: number;
     exposure: number;
-    bgIntensity: number;
-    bgBlurriness: number;
 };
 export declare class RendererFolder {
     private folder;
     constructor(parentFolder: FolderApi, expand?: boolean);
-    setupChangeEvent(scene: Scene, renderer: WebGLRenderer, toneMappingFolder: FolderApi, toneMappingPass: EffectPass): void;
+    setupChangeEvent(renderer: WebGLRenderer, toneMappingFolder: FolderApi, toneMappingPass: EffectPass): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-client-core",
-  "version": "0.0.0-experimental-6ac3eeb-20240518",
+  "version": "0.0.0-experimental-2404df1-20240520",
   "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-6ac3eeb-20240518",
+    "@mml-io/3d-web-avatar": "0.0.0-experimental-2404df1-20240520",
     "@mml-io/model-loader": "0.14.0",
     "@monogrid/gainmap-js": "^3.0.5",
     "@tweakpane/core": "2.0.3",
@@ -34,5 +34,5 @@
   "devDependencies": {
     "@types/three": "0.163.0"
   },
-  "gitHead": "367f79f9174ccdec8aeea289e2a77db0c9bb7e24"
+  "gitHead": "313c32029207810f257b3196ee4d1da07ac915b9"
 }