@mml-io/3d-web-client-core 0.15.0 → 0.17.0

package/build/input/KeyInputManager.d.ts

@@ -2,7 +2,6 @@ export declare class KeyInputManager {
     private shouldCaptureKeyPress;
     private keys;
     private eventHandlerCollection;
-    private directionJoystick;
     constructor(shouldCaptureKeyPress?: () => boolean);
     private handleUnfocus;
     private onKeyDown;

package/build/input/VirtualJoystick.d.ts

@@ -10,7 +10,7 @@ interface JoyStickAttributes {
     anchor?: "left" | "right";
 }
 export declare class VirtualJoystick {
-    static JOYSTICK_DIV: HTMLDivElement | null;
+    private holderElement;
     private radius;
     private inner_radius;
     private anchor;
@@ -27,11 +27,9 @@ export declare class VirtualJoystick {
     up: boolean;
     down: boolean;
     hasDirection: boolean;
-    constructor(attrs: JoyStickAttributes);
+    constructor(holderElement: HTMLElement, attrs: JoyStickAttributes);
     static checkForTouch(): boolean;
-    static isTouchOnJoystick(touch: Touch): boolean;
     private checkTouch;
-    private initializeJoystick;
     private setupBaseAndControl;
     private bindEvents;
     private handleTouchStart;

package/build/loading-screen/LoadingScreen.d.ts

@@ -0,0 +1,19 @@
+import { LoadingProgressManager } from "mml-web";
+export declare class LoadingScreen {
+    private loadingProgressManager;
+    readonly element: HTMLDivElement;
+    private loadingBannerText;
+    private progressBarBackground;
+    private progressBarHolder;
+    private progressBar;
+    private loadingStatusText;
+    private progressDebugViewHolder;
+    private progressDebugView;
+    private progressDebugElement;
+    private debugLabel;
+    private debugCheckbox;
+    private hasCompleted;
+    private loadingCallback;
+    constructor(loadingProgressManager: LoadingProgressManager);
+    dispose(): void;
+}

package/build/mml/MMLCompositionScene.d.ts

@@ -1,13 +1,17 @@
 import { IMMLScene, PositionAndRotation } from "mml-web";
 import { AudioListener, Group, PerspectiveCamera, Scene, WebGLRenderer } from "three";
 import { CollisionsManager } from "../collisions/CollisionsManager";
+type MMLCompositionSceneConfig = {
+    targetElement: HTMLElement;
+    renderer: WebGLRenderer;
+    scene: Scene;
+    camera: PerspectiveCamera;
+    audioListener: AudioListener;
+    collisionsManager: CollisionsManager;
+    getUserPositionAndRotation: () => PositionAndRotation;
+};
 export declare class MMLCompositionScene {
-    private renderer;
-    private scene;
-    private camera;
-    private audioListener;
-    private collisionsManager;
-    private getUserPositionAndRotation;
+    private config;
     group: Group;
     readonly mmlScene: IMMLScene;
     private readonly promptManager;
@@ -16,7 +20,8 @@ export declare class MMLCompositionScene {
     private readonly chatProbes;
     private readonly clickTrigger;
     private readonly loadingProgressManager;
-    constructor(targetElement: HTMLElement, renderer: WebGLRenderer, scene: Scene, camera: PerspectiveCamera, audioListener: AudioListener, collisionsManager: CollisionsManager, getUserPositionAndRotation: () => PositionAndRotation);
+    constructor(config: MMLCompositionSceneConfig);
     onChatMessage(message: string): void;
     dispose(): void;
 }
+export {};

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,15 +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;
+    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

@@ -1,10 +1,13 @@
 import { BloomEffect, EffectComposer, EffectPass, NormalPass, SSAOEffect, ToneMappingEffect } from "postprocessing";
 import { Scene, WebGLRenderer } from "three";
+import { CameraManager } from "../camera/CameraManager";
+import { LocalController } from "../character/LocalController";
 import { BrightnessContrastSaturation } from "../rendering/post-effects/bright-contrast-sat";
 import { GaussGrainEffect } from "../rendering/post-effects/gauss-grain";
 import { Sun } from "../sun/Sun";
 import { TimeManager } from "../time/TimeManager";
 export declare class TweakPane {
+    private holderElement;
     private renderer;
     private scene;
     private composer;
@@ -17,14 +20,20 @@ export declare class TweakPane {
     private postExtrasFolder;
     private character;
     private environment;
+    private camera;
+    private characterControls;
     private export;
     private saveVisibilityInLocalStorage;
     guiVisible: boolean;
-    constructor(renderer: WebGLRenderer, scene: Scene, composer: EffectComposer);
+    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, 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;
+    updateCameraData(cameraManager: CameraManager): void;
+    updateCharacterData(localController: LocalController): void;
     private formatDateForFilename;
     private downloadSettingsAsJSON;
     private importSettingsFromJSON;

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

@@ -0,0 +1,74 @@
+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;
+    zoomDamping: 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;
+    };
+    zoomDamping: {
+        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/characterControlsFolder.d.ts

@@ -0,0 +1,79 @@
+import { FolderApi } from "tweakpane";
+import { LocalController } from "../../character/LocalController";
+export declare const characterControllerValues: {
+    gravity: number;
+    jumpForce: number;
+    doubleJumpForce: number;
+    coyoteJump: number;
+    airResistance: number;
+    groundResistance: number;
+    airControlModifier: number;
+    groundWalkControl: number;
+    groundRunControl: number;
+    baseControlMultiplier: number;
+    minimumSurfaceAngle: number;
+};
+export declare const characterControllerOptions: {
+    gravity: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    jumpForce: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    doubleJumpForce: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    coyoteJump: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    airResistance: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    groundResistance: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    airControlModifier: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    groundWalkControl: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    groundRunControl: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    baseControlMultiplier: {
+        min: number;
+        max: number;
+        step: number;
+    };
+    minimumSurfaceAngle: {
+        min: number;
+        max: number;
+        step: number;
+    };
+};
+export declare class CharacterControlsFolder {
+    folder: FolderApi;
+    private characterData;
+    constructor(parentFolder: FolderApi, expand?: boolean);
+    setupChangeEvent(localController: LocalController): void;
+    update(localController: LocalController): 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,11 @@ export declare const sunValues: {
     };
 };
 export declare const envValues: {
+    skyboxAzimuthalAngle: number;
+    skyboxPolarAngle: number;
+    envMapIntensity: number;
+    skyboxIntensity: number;
+    skyboxBlurriness: number;
     ambientLight: {
         ambientLightIntensity: number;
         ambientLightColor: {
@@ -34,8 +40,11 @@ export declare const envValues: {
 export declare class EnvironmentFolder {
     folder: FolderApi;
     private sun;
-    private sunButton;
+    private envMap;
+    private hdrButton;
+    private skybox;
     private ambient;
+    private fog;
     constructor(parentFolder: FolderApi, expand?: boolean);
-    setupChangeEvent(setHDR: () => 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/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.15.0",
+  "version": "0.17.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,19 +18,21 @@
     "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/3d-web-avatar": "^0.15.0",
+    "@mml-io/3d-web-avatar": "^0.17.0",
+    "@mml-io/model-loader": "0.15.0",
+    "@monogrid/gainmap-js": "^3.0.5",
     "@tweakpane/core": "2.0.3",
     "@tweakpane/plugin-essentials": "0.2.1",
-    "mml-web": "0.13.0",
-    "postprocessing": "6.34.1",
-    "three-mesh-bvh": "0.7.1",
+    "mml-web": "0.15.0",
+    "postprocessing": "6.35.4",
+    "three-mesh-bvh": "0.7.4",
     "tweakpane": "4.0.3"
   },
   "peerDependencies": {
-    "three": ">= 0.153.0"
+    "three": ">= 0.163.0"
   },
   "devDependencies": {
-    "@types/three": "0.153.0"
+    "@types/three": "0.163.0"
   },
-  "gitHead": "8e179c2269a7865766dcab19e6a8992aec44feaa"
+  "gitHead": "bc97b49ea69d920e0824a6885f7e8fca440e2e12"
 }