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

package/build/input/KeyInputManager.d.ts

@@ -1,11 +1,18 @@
 export declare class KeyInputManager {
     private keys;
     constructor();
+    private handleUnfocus;
     private onKeyDown;
     private onKeyUp;
     isKeyPressed(key: string): boolean;
     isMovementKeyPressed(): boolean;
-    isShiftPressed(): boolean;
-    isJumping(): boolean;
+    get forward(): boolean;
+    get backward(): boolean;
+    get left(): boolean;
+    get right(): boolean;
+    get run(): boolean;
+    get jump(): boolean;
+    get anyDirection(): boolean;
+    get conflictingDirection(): boolean;
     dispose(): void;
 }

package/build/rendering/composer.d.ts

@@ -1,8 +1,10 @@
 import { PerspectiveCamera, Scene, Vector2, WebGLRenderer } from "three";
+import { TimeManager } from "../time/TimeManager";
 export declare class Composer {
     private width;
     private height;
     resolution: Vector2;
+    private isEnvHDRI;
     private readonly scene;
     private readonly camera;
     readonly renderer: WebGLRenderer;
@@ -12,9 +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 tweakPane;
     constructor(scene: Scene, camera: PerspectiveCamera);
     private updateProjection;
-    render(time: number): void;
+    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

@@ -10,7 +10,9 @@ export declare class TimeManager {
     time: number;
     deltaTime: number;
     rawDeltaTime: number;
+    smoothDeltaTime: number;
     frame: number;
     fps: number;
+    averageFPS: number;
     update(): void;
 }

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/tweakpane/composerSettings.d.ts

@@ -0,0 +1,234 @@
+import { BlendFunction, ToneMappingMode } from "postprocessing";
+export declare const composerValues: {
+    renderer: {
+        shadowMap: number;
+        toneMapping: number;
+        exposure: number;
+        bgIntensity: number;
+        bgBlurriness: number;
+    };
+    ssao: {
+        blendFunction: BlendFunction;
+        distanceScaling: boolean;
+        depthAwareUpsampling: boolean;
+        samples: number;
+        rings: number;
+        luminanceInfluence: number;
+        radius: number;
+        intensity: number;
+        bias: number;
+        fade: number;
+        resolutionScale: number;
+        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;
+};
+export declare const composerOptions: {
+    renderer: {
+        shadowMap: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        toneMapping: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        exposure: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        bgIntensity: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        bgBlurriness: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+    ssao: {
+        samples: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        rings: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        luminanceInfluence: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        radius: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        intensity: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        bias: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        fade: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        resolutionScale: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        worldDistanceThreshold: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        worldDistanceFalloff: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        worldProximityThreshold: {
+            min: number;
+            max: number;
+            step: number;
+        };
+        worldProximityFalloff: {
+            min: number;
+            max: number;
+            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;
+            max: number;
+            step: number;
+        };
+    };
+    bloom: {
+        amount: {
+            min: number;
+            max: number;
+            step: number;
+        };
+    };
+};
+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;
+    geometries: string;
+    textures: string;
+    shaders: string;
+    postPasses: string;
+    drawCalls: string;
+    rawDeltaTime: string;
+    deltaTime: string;
+    FPS: string;
+};

package/build/tweakpane/tweakPaneActivity.d.ts

@@ -0,0 +1,2 @@
+export declare function setTweakpaneActive(status: boolean): void;
+export declare function getTweakpaneActive(): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-client-core",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "main": "./build/index.js",
   "types": "./build/index.d.ts",
   "type": "module",
@@ -18,9 +18,12 @@
     "mml-web": "0.3.0",
     "postprocessing": "6.32.1",
     "three": "^0.153.0",
-    "three-mesh-bvh": "0.6.0"
+    "three-mesh-bvh": "0.6.0",
+    "tweakpane": "3.1.10"
   },
   "devDependencies": {
+    "@tweakpane/core": "1.1.9",
     "@types/three": "^0.152.1"
-  }
+  },
+  "gitHead": "14107e94e28c06ca3319f1e322b4519acf3a0af2"
 }