@mml-io/3d-web-client-core 0.18.0 → 0.20.0

package/build/input/KeyInputManager.d.ts

@@ -1,20 +1,34 @@
+export declare enum Key {
+    W = "w",
+    A = "a",
+    S = "s",
+    D = "d",
+    SHIFT = "shift",
+    SPACE = " ",
+    C = "c"
+}
 export declare class KeyInputManager {
     private shouldCaptureKeyPress;
     private keys;
     private eventHandlerCollection;
+    private bindings;
     constructor(shouldCaptureKeyPress?: () => boolean);
     private handleUnfocus;
     private onKeyDown;
     private onKeyUp;
     isKeyPressed(key: string): boolean;
+    createKeyBinding(key: Key, callback: () => void): void;
     isMovementKeyPressed(): 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;
+    private getForward;
+    private getBackward;
+    private getLeft;
+    private getRight;
+    private getRun;
+    private getJump;
+    getOutput(): {
+        direction: number | null;
+        isSprinting: boolean;
+        jump: boolean;
+    } | null;
     dispose(): void;
 }

package/build/input/VirtualJoystick.d.ts

@@ -1,47 +1,39 @@
-interface JoyStickAttributes {
+interface VirtualJoyStickConfig {
     radius?: number;
-    inner_radius?: number;
-    x?: number;
-    y?: number;
-    width?: number;
-    height?: number;
-    mouse_support?: boolean;
-    visible?: boolean;
-    anchor?: "left" | "right";
+    innerRadius?: number;
+    mouseSupport?: boolean;
 }
 export declare class VirtualJoystick {
     private holderElement;
+    private config;
     private radius;
-    private inner_radius;
-    private anchor;
-    private x;
-    private y;
-    private width;
-    private height;
-    private mouse_support;
-    private div;
-    private base;
-    private control;
-    left: boolean;
-    right: boolean;
-    up: boolean;
-    down: boolean;
-    hasDirection: boolean;
-    constructor(holderElement: HTMLElement, attrs: JoyStickAttributes);
+    private innerRadius;
+    private mouseSupport;
+    private element;
+    private joystickBaseElement;
+    private joystickCenterElement;
+    private joystickPointerId;
+    private joystickOutput;
+    private jumpButton;
+    private jumpPointerId;
+    constructor(holderElement: HTMLElement, config: VirtualJoyStickConfig);
     static checkForTouch(): boolean;
     private checkTouch;
-    private setupBaseAndControl;
+    private createBase;
+    private createCenter;
+    private createJumpButton;
     private bindEvents;
-    private handleTouchStart;
-    private handleTouchMove;
-    private handleMouseDown;
-    private handleMouseMove;
-    private handleMouseUp;
-    private clearFlags;
+    private preventDefaultAndStopPropagation;
+    private onJumpPointerDown;
+    private onJoystickPointerDown;
+    private onPointerMove;
+    private onPointerUp;
+    private clearJoystickState;
     private updateControlAndDirection;
-    private isUp;
-    private isDown;
-    private isLeft;
-    private isRight;
+    getOutput(): {
+        direction: number | null;
+        isSprinting: boolean;
+        jump: boolean;
+    } | null;
 }
 export {};

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

@@ -1,8 +1,29 @@
-import { LoadingProgressManager } from "mml-web";
+import { LoadingProgressManager } from "@mml-io/mml-web";
+export type LoadingScreenConfig = {
+    background?: string;
+    backgroundImageUrl?: string;
+    backgroundBlurAmount?: number;
+    overlayLayers?: Array<{
+        overlayImageUrl: string;
+        overlayAnchor: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        overlayOffset?: {
+            x: number;
+            y: number;
+        };
+    }>;
+    title?: string;
+    subtitle?: string;
+    color?: string;
+};
 export declare class LoadingScreen {
     private loadingProgressManager;
+    private config?;
     readonly element: HTMLDivElement;
-    private loadingBannerText;
+    private readonly backgroundBlur;
+    private overlayLayers;
+    private loadingBanner;
+    private loadingBannerTitle;
+    private loadingBannerSubtitle;
     private progressBarBackground;
     private progressBarHolder;
     private progressBar;
@@ -15,6 +36,6 @@ export declare class LoadingScreen {
     private hasCompleted;
     private loadingCallback;
     private disposed;
-    constructor(loadingProgressManager: LoadingProgressManager);
+    constructor(loadingProgressManager: LoadingProgressManager, config?: LoadingScreenConfig | undefined);
     dispose(): void;
 }

package/build/mml/MMLCompositionScene.d.ts

@@ -1,4 +1,5 @@
-import { IMMLScene, PositionAndRotation } from "mml-web";
+import { IMMLScene, MMLDocumentTimeManager, PositionAndRotation } from "@mml-io/mml-web";
+import { ThreeJSGraphicsAdapter } from "@mml-io/mml-web-threejs";
 import { AudioListener, Group, PerspectiveCamera, Scene, WebGLRenderer } from "three";
 import { CollisionsManager } from "../collisions/CollisionsManager";
 type MMLCompositionSceneConfig = {
@@ -13,7 +14,8 @@ type MMLCompositionSceneConfig = {
 export declare class MMLCompositionScene {
     private config;
     group: Group;
-    readonly mmlScene: IMMLScene;
+    readonly mmlScene: IMMLScene<ThreeJSGraphicsAdapter>;
+    readonly documentTimeManager: MMLDocumentTimeManager;
     private readonly promptManager;
     private readonly interactionManager;
     private readonly interactionListener;

package/build/rendering/composer.d.ts

@@ -1,11 +1,12 @@
 import { EffectComposer } from "postprocessing";
-import { PerspectiveCamera, Scene, Vector2, WebGLRenderer } from "three";
+import { Scene, Vector2, WebGLRenderer } from "three";
+import { CameraManager } from "../camera/CameraManager";
 import { Sun } from "../sun/Sun";
 import { TimeManager } from "../time/TimeManager";
 import { TweakPane } from "../tweakpane/TweakPane";
 type ComposerContructorArgs = {
     scene: Scene;
-    camera: PerspectiveCamera;
+    cameraManager: CameraManager;
     spawnSun: boolean;
     environmentConfiguration?: EnvironmentConfiguration;
 };
@@ -16,7 +17,11 @@ export type EnvironmentConfiguration = {
         blurriness?: number;
         azimuthalAngle?: number;
         polarAngle?: number;
-    };
+    } & ({
+        hdrJpgUrl: string;
+    } | {
+        hdrUrl: string;
+    });
     envMap?: {
         intensity?: number;
     };
@@ -37,10 +42,9 @@ export declare class Composer {
     private height;
     private resizeListener;
     resolution: Vector2;
-    private isEnvHDRI;
     private readonly scene;
     postPostScene: Scene;
-    private readonly camera;
+    private readonly cameraManager;
     readonly renderer: WebGLRenderer;
     readonly effectComposer: EffectComposer;
     private readonly renderPass;
@@ -63,21 +67,26 @@ export declare class Composer {
     private readonly gaussGrainPass;
     private ambientLight;
     private environmentConfiguration?;
+    private skyboxState;
     sun: Sun | null;
     spawnSun: boolean;
-    constructor({ scene, camera, spawnSun, environmentConfiguration, }: ComposerContructorArgs);
+    constructor({ scene, cameraManager, spawnSun, environmentConfiguration, }: ComposerContructorArgs);
+    updateEnvironmentConfiguration(environmentConfiguration: EnvironmentConfiguration): void;
     setupTweakPane(tweakPane: TweakPane): void;
     dispose(): void;
     fitContainer(): void;
     render(timeManager: TimeManager): void;
     updateSkyboxRotation(): void;
+    private loadHDRJPG;
+    private loadHDRi;
     useHDRJPG(url: string, fromFile?: boolean): void;
-    useHDRI(url: string, fromFile?: boolean): void;
+    useHDRI(url: string): void;
     setHDRIFromFile(): void;
     setFog(): void;
     setAmbientLight(): void;
     private updateSunValues;
     private updateSkyboxAndEnvValues;
     private updateAmbientLightValues;
+    private applyEnvMap;
 }
 export {};

package/build/tweakpane/TweakPane.d.ts

@@ -26,8 +26,8 @@ export declare class TweakPane {
     private saveVisibilityInLocalStorage;
     guiVisible: boolean;
     private tweakPaneWrapper;
+    private eventHandlerCollection;
     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, setSkyboxAzimuthalAngle: (azimuthalAngle: number) => void, setSkyboxPolarAngle: (azimuthalAngle: number) => void, setAmbientLight: () => void, setFog: () => void): void;
     dispose(): void;

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

@@ -9,7 +9,6 @@ export declare const camValues: {
     minFOV: number;
     invertFOVMapping: boolean;
     damping: number;
-    dampingScale: number;
     zoomScale: number;
     zoomDamping: number;
 };
@@ -49,11 +48,6 @@ export declare const camOptions: {
         max: number;
         step: number;
     };
-    dampingScale: {
-        min: number;
-        max: number;
-        step: number;
-    };
     zoomScale: {
         min: number;
         max: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-client-core",
-  "version": "0.18.0",
+  "version": "0.20.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,12 +18,13 @@
     "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/3d-web-avatar": "^0.18.0",
-    "@mml-io/model-loader": "0.16.1",
+    "@mml-io/3d-web-avatar": "^0.20.0",
+    "@mml-io/mml-web": "0.19.0",
+    "@mml-io/mml-web-threejs": "0.19.0",
+    "@mml-io/model-loader": "0.19.0",
     "@monogrid/gainmap-js": "^3.0.5",
     "@tweakpane/core": "2.0.4",
     "@tweakpane/plugin-essentials": "0.2.1",
-    "mml-web": "0.16.1",
     "postprocessing": "6.35.6",
     "three-mesh-bvh": "0.7.6",
     "tweakpane": "4.0.4"
@@ -34,5 +35,5 @@
   "devDependencies": {
     "@types/three": "0.163.0"
   },
-  "gitHead": "8eb8acbdc767b15eacf3e8d62c5a0c92d2690f37"
+  "gitHead": "8dada83f0324f46a9078f21de64fa58b90bb238d"
 }