@mml-io/3d-web-client-core 0.2.0 → 0.3.0

package/build/rendering/composer.d.ts

@@ -14,26 +14,22 @@ export declare class Composer {
     private readonly fxaaPass;
     private readonly bloomEffect;
     private readonly bloomPass;
+    private readonly toneMappingEffect;
+    private readonly smaaEffect;
     private readonly normalPass;
     private readonly normalTextureEffect;
     private readonly ssaoEffect;
     private readonly ssaoPass;
+    private readonly toneMappingPass;
+    private readonly smaaPass;
+    private readonly bcs;
+    private readonly bcsPass;
     private readonly gaussGrainEffect;
     private readonly gaussGrainPass;
-    private gui;
-    private guiVisible;
-    private stats;
-    private renderOptions;
-    private ssao;
-    private post;
-    private export;
+    private tweakPane;
     constructor(scene: Scene, camera: PerspectiveCamera);
-    private setupGUIListeners;
-    private setupTweakPane;
-    private toggleGUI;
-    private processKey;
     private updateProjection;
-    private updateStats;
+    isTweakPaneVisible(): boolean;
     render(timeManager: TimeManager): void;
     useHDRI(url: string): void;
 }

package/build/rendering/post-effects/bright-contrast-sat.d.ts

@@ -0,0 +1,2 @@
+import { ShaderMaterial } from "three";
+export declare const BrightnessContrastSaturation: ShaderMaterial;

package/build/time/TimeManager.d.ts

@@ -3,8 +3,6 @@ export declare class TimeManager {
     private roundMagnitude;
     private maxAverageFrames;
     private deltaTimes;
-    private fpsMaxSamples;
-    private fpsSamples;
     private targetAverageDeltaTime;
     private lerpedAverageMagDelta;
     private fpsUpdateTime;
@@ -12,6 +10,7 @@ export declare class TimeManager {
     time: number;
     deltaTime: number;
     rawDeltaTime: number;
+    smoothDeltaTime: number;
     frame: number;
     fps: number;
     averageFPS: number;

package/build/tweakpane/TweakPane.d.ts

@@ -0,0 +1,30 @@
+import { BloomEffect, EffectComposer, EffectPass, SSAOEffect, ToneMappingEffect } from "postprocessing";
+import { Scene, WebGLRenderer } from "three";
+import { GaussGrainEffect } from "../rendering/post-effects/gauss-grain";
+import { TimeManager } from "../time/TimeManager";
+import { BrightnessContrastSaturation } from "./../rendering/post-effects/bright-contrast-sat";
+export declare class TweakPane {
+    private renderer;
+    private scene;
+    private composer;
+    private gui;
+    private render;
+    private stats;
+    private renderOptions;
+    private ssao;
+    private toneMapping;
+    private post;
+    private export;
+    private characterMaterial;
+    private saveVisibilityInLocalStorage;
+    guiVisible: boolean;
+    constructor(renderer: WebGLRenderer, scene: Scene, composer: EffectComposer);
+    private processKey;
+    private setupGUIListeners;
+    setupRenderPane(ssaoEffect: SSAOEffect, toneMappingEffect: ToneMappingEffect, toneMappingPass: EffectPass, brightnessContrastSaturation: typeof BrightnessContrastSaturation, bloomEffect: BloomEffect, gaussGrainEffect: typeof GaussGrainEffect): void;
+    private formatDateForFilename;
+    private downloadSettingsAsJSON;
+    private importSettingsFromJSON;
+    updateStats(timeManager: TimeManager): void;
+    private toggleGUI;
+}

package/build/tweakpane/characterSettings.d.ts

@@ -0,0 +1,89 @@
+export declare const characterValues: {
+    material: {
+        transmission: number;
+        metalness: number;
+        roughness: number;
+        ior: number;
+        thickness: number;
+        specularColor: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        specularIntensity: number;
+        emissive: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        emissiveIntensity: number;
+        envMapIntensity: number;
+        sheenColor: {
+            r: number;
+            g: number;
+            b: number;
+        };
+        sheen: number;
+        clearcoat: number;
+        clearcoatRoughness: number;
+    };
+};
+export declare const characterOptions: {
+    material: {
+        transmission: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        metalness: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        roughness: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        ior: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        thickness: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        specularIntensity: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        emissiveIntensity: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        envMapIntensity: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        sheen: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        clearcoat: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        clearcoatRoughness: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+};

package/build/{rendering → tweakpane}/composerSettings.d.ts

@@ -1,5 +1,4 @@
-import { BlendFunction } from "postprocessing";
-import { Color } from "three";
+import { BlendFunction, ToneMappingMode } from "postprocessing";
 export declare const composerValues: {
     renderer: {
         shadowMap: number;
@@ -20,12 +19,28 @@ export declare const composerValues: {
         bias: number;
         fade: number;
         resolutionScale: number;
-        color: Color;
+        color: {
+            r: number;
+            g: number;
+            b: number;
+        };
         worldDistanceThreshold: number;
         worldDistanceFalloff: number;
         worldProximityThreshold: number;
         worldProximityFalloff: number;
     };
+    toneMapping: {
+        mode: ToneMappingMode;
+        resolution: number;
+        whitePoint: number;
+        middleGrey: number;
+        minLuminance: number;
+        averageLuminance: number;
+        adaptationRate: number;
+    };
+    brightness: number;
+    contrast: number;
+    saturation: number;
     grain: number;
     bloom: number;
 };
@@ -119,6 +134,64 @@ export declare const composerOptions: {
             step: number;
         };
     };
+    toneMapping: {
+        mode: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        resolution: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        whitePoint: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        middleGrey: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        minLuminance: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        averageLuminance: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        adaptationRate: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+    brightness: {
+        amount: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+    contrast: {
+        amount: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+    saturation: {
+        amount: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
     grain: {
         amount: {
             min: number;
@@ -136,12 +209,17 @@ export declare const composerOptions: {
 };
 export declare const shadowMapTypes: Record<number, string>;
 export declare const rendererToneMappingTypes: Record<number, string>;
+export declare const customToneMappingTypes: Record<number, string>;
 export declare const rendererBlades: {
     shadowMapType: string;
     toneMappingType: string;
 };
 export declare const setShadowMapType: (value: number) => void;
 export declare const setToneMappingType: (value: number) => void;
+export declare const customToneMappingBlade: {
+    customToneMappingType: string;
+};
+export declare const setCustomToneMappingType: (value: number) => void;
 export declare const ssaoMaterialParams: string[];
 export declare const statsData: {
     triangles: string;
@@ -150,5 +228,7 @@ export declare const statsData: {
     shaders: string;
     postPasses: string;
     drawCalls: string;
+    rawDeltaTime: string;
+    deltaTime: string;
     FPS: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-client-core",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
   "type": "module",
@@ -24,5 +24,6 @@
   "devDependencies": {
     "@tweakpane/core": "1.1.9",
     "@types/three": "^0.152.1"
-  }
+  },
+  "gitHead": "14107e94e28c06ca3319f1e322b4519acf3a0af2"
 }