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

package/build/input/KeyInputManager.d.ts

@@ -8,13 +8,16 @@ export declare class KeyInputManager {
     private onKeyUp;
     isKeyPressed(key: string): boolean;
     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

@@ -14,6 +14,7 @@ export declare class LoadingScreen {
     private debugCheckbox;
     private hasCompleted;
     private loadingCallback;
+    private disposed;
     constructor(loadingProgressManager: LoadingProgressManager);
     dispose(): void;
 }

package/build/mml/MMLCompositionScene.d.ts

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

package/build/rendering/composer.d.ts

@@ -16,7 +16,11 @@ export type EnvironmentConfiguration = {
         blurriness?: number;
         azimuthalAngle?: number;
         polarAngle?: number;
-    };
+    } & ({
+        hdrJpgUrl: string;
+    } | {
+        hdrUrl: string;
+    });
     envMap?: {
         intensity?: number;
     };
@@ -37,7 +41,6 @@ export declare class Composer {
     private height;
     private resizeListener;
     resolution: Vector2;
-    private isEnvHDRI;
     private readonly scene;
     postPostScene: Scene;
     private readonly camera;
@@ -63,21 +66,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);
+    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

@@ -25,10 +25,12 @@ export declare class TweakPane {
     private export;
     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;
     setupCamPane(cameraManager: CameraManager): void;
     setupCharacterController(localController: LocalController): void;
     updateStats(timeManager: TimeManager): 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/build/tweakpane/tweakPaneStyle.d.ts

@@ -1 +1 @@
-export declare const tweakPaneStyle = "\n:root {\n  --tp-base-background-color: rgba(12, 12, 12, 0.6);\n  --tp-base-shadow-color: hsla(0, 0%, 0%, 0.2);\n  --tp-button-background-color: hsla(0, 0%, 80%, 1);\n  --tp-button-background-color-active: hsla(0, 0%, 100%, 1);\n  --tp-button-background-color-focus: hsla(0, 0%, 95%, 1);\n  --tp-button-background-color-hover: hsla(0, 0%, 85%, 1);\n  --tp-button-foreground-color: hsla(0, 0%, 0%, 0.7);\n  --tp-container-background-color: hsla(0, 0%, 0%, 0.3);\n  --tp-container-background-color-active: hsla(0, 0%, 0%, 0.6);\n  --tp-container-background-color-focus: hsla(0, 0%, 0%, 0.5);\n  --tp-container-background-color-hover: hsla(0, 0%, 0%, 0.4);\n  --tp-container-foreground-color: hsla(0, 0%, 90%, 0.6);\n  --tp-groove-foreground-color: hsla(0, 0%, 0%, 0.2);\n  --tp-input-background-color: hsla(0, 0%, 30%, 0.3);\n  --tp-input-background-color-active: hsla(0, 0%, 0%, 0.6);\n  --tp-input-background-color-focus: hsla(0, 0%, 0%, 0.5);\n  --tp-input-background-color-hover: hsla(0, 0%, 0%, 0.4);\n  --tp-input-foreground-color: hsla(0, 0%, 100%, 0.6);\n  --tp-label-foreground-color: hsla(0, 0%, 100%, 0.6);\n  --tp-monitor-background-color: hsla(0, 0%, 0%, 0.3);\n  --tp-monitor-foreground-color: hsla(0, 0%, 100%, 0.3);\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.tp-brkv {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.tp-dfwv {\n  z-index: 100;\n  color: white;\n  width: 600px !important;\n  display: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.tp-fldv {\n  margin: 1px 0px 0px 0px !important;\n}\n\n.tp-fldv_b {\n  overflow: visible !important;\n}\n\n.tp-fldv_t {\n  font-size: 13px;\n  font-weight: 900;\n  color: #ffffff;\n  background-color: rgba(70, 70, 70, 0.3);\n  border-top: 1px solid rgba(210, 210, 210, 0.1);\n  border-radius: 3px;\n}\n\n.tp-lblv_l {\n  font-size: 12px;\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n\n.tp-lblv_v {\n  width: 150px;\n}\n\n.tp-sldtxtv_t {\n    max-width: 50px;\n}\n\n.tp-sglv_i {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.tp-ckbv_w {\n  border: 1px solid rgba(200, 200, 250, 0.2);\n}\n";
+export declare const tweakPaneStyle = "\n:root {\n  --tp-base-background-color: rgba(12, 12, 12, 0.6);\n  --tp-base-shadow-color: hsla(0, 0%, 0%, 0.2);\n  --tp-button-background-color: hsla(0, 0%, 80%, 1);\n  --tp-button-background-color-active: hsla(0, 0%, 100%, 1);\n  --tp-button-background-color-focus: hsla(0, 0%, 95%, 1);\n  --tp-button-background-color-hover: hsla(0, 0%, 85%, 1);\n  --tp-button-foreground-color: hsla(0, 0%, 0%, 0.7);\n  --tp-container-background-color: hsla(0, 0%, 0%, 0.3);\n  --tp-container-background-color-active: hsla(0, 0%, 0%, 0.6);\n  --tp-container-background-color-focus: hsla(0, 0%, 0%, 0.5);\n  --tp-container-background-color-hover: hsla(0, 0%, 0%, 0.4);\n  --tp-container-foreground-color: hsla(0, 0%, 90%, 0.6);\n  --tp-groove-foreground-color: hsla(0, 0%, 0%, 0.2);\n  --tp-input-background-color: hsla(0, 0%, 30%, 0.3);\n  --tp-input-background-color-active: hsla(0, 0%, 0%, 0.6);\n  --tp-input-background-color-focus: hsla(0, 0%, 0%, 0.5);\n  --tp-input-background-color-hover: hsla(0, 0%, 0%, 0.4);\n  --tp-input-foreground-color: hsla(0, 0%, 100%, 0.6);\n  --tp-label-foreground-color: hsla(0, 0%, 100%, 0.6);\n  --tp-monitor-background-color: hsla(0, 0%, 0%, 0.3);\n  --tp-monitor-foreground-color: hsla(0, 0%, 100%, 0.3);\n}\n\n.tp-brkv {\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.tp-dfwv {\n  z-index: 100;\n  color: white;\n  width: 600px !important;\n  display: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.tp-fldv {\n  margin: 1px 0px 0px 0px !important;\n}\n\n.tp-fldv_b {\n  overflow: visible !important;\n}\n\n.tp-fldv_t {\n  font-size: 13px;\n  font-weight: 900;\n  color: #ffffff;\n  background-color: rgba(70, 70, 70, 0.3);\n  border-top: 1px solid rgba(210, 210, 210, 0.1);\n  border-radius: 3px;\n}\n\n.tp-lblv_l {\n  font-size: 12px;\n  padding-left: 0px !important;\n  padding-right: 0px !important;\n}\n\n.tp-lblv_v {\n  width: 150px;\n}\n\n.tp-sldtxtv_t {\n    max-width: 50px;\n}\n\n.tp-sglv_i {\n  font-size: 12px;\n  color: rgba(255, 255, 255, 0.7);\n}\n\n.tp-ckbv_w {\n  border: 1px solid rgba(200, 200, 250, 0.2);\n}\n";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mml-io/3d-web-client-core",
-  "version": "0.17.0",
+  "version": "0.19.0",
   "publishConfig": {
     "access": "public"
   },
@@ -18,15 +18,15 @@
     "lint-fix": "eslint \"./{src,test}/**/*.{js,jsx,ts,tsx}\" --fix"
   },
   "dependencies": {
-    "@mml-io/3d-web-avatar": "^0.17.0",
-    "@mml-io/model-loader": "0.15.0",
+    "@mml-io/3d-web-avatar": "^0.19.0",
+    "@mml-io/model-loader": "0.17.1",
     "@monogrid/gainmap-js": "^3.0.5",
-    "@tweakpane/core": "2.0.3",
+    "@tweakpane/core": "2.0.4",
     "@tweakpane/plugin-essentials": "0.2.1",
-    "mml-web": "0.15.0",
-    "postprocessing": "6.35.4",
-    "three-mesh-bvh": "0.7.4",
-    "tweakpane": "4.0.3"
+    "mml-web": "0.17.1",
+    "postprocessing": "6.35.6",
+    "three-mesh-bvh": "0.7.6",
+    "tweakpane": "4.0.4"
   },
   "peerDependencies": {
     "three": ">= 0.163.0"
@@ -34,5 +34,5 @@
   "devDependencies": {
     "@types/three": "0.163.0"
   },
-  "gitHead": "bc97b49ea69d920e0824a6885f7e8fca440e2e12"
+  "gitHead": "1d785e68643dd46c63b49d9fcb0fc1d73097a414"
 }