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

package/build/error-screen/ErrorScreen.d.ts

@@ -0,0 +1,7 @@
+export declare class ErrorScreen {
+    readonly element: HTMLDivElement;
+    private titleBannerText;
+    private messageText;
+    constructor(title: string, message: string);
+    dispose(): void;
+}

package/build/index.d.ts

@@ -15,4 +15,5 @@ export { CollisionsManager } from "./collisions/CollisionsManager";
 export { Sun } from "./sun/Sun";
 export { GroundPlane } from "./ground-plane/GroundPlane";
 export { LoadingScreen } from "./loading-screen/LoadingScreen";
+export { ErrorScreen } from "./error-screen/ErrorScreen";
 export { EnvironmentConfiguration } from "./rendering/composer";

package/build/index.js

@@ -239,15 +239,15 @@ var VirtualJoystick = class _VirtualJoystick {
 var camValues = {
   initialDistance: 3.3,
   minDistance: 0.1,
-  maxDistance: 8,
+  maxDistance: 5,
   initialFOV: 60,
-  maxFOV: 85,
+  maxFOV: 70,
   minFOV: 60,
   invertFOVMapping: false,
-  damping: 0.091,
-  dampingScale: 0.01,
-  zoomScale: 0.05,
-  zoomDamping: 0.3
+  damping: 0.15,
+  dampingScale: 5e-3,
+  zoomScale: 0.088,
+  zoomDamping: 0.16
 };
 var camOptions = {
   initialDistance: { min: 1, max: 5, step: 0.1 },
@@ -481,8 +481,9 @@ var CameraManager = class {
     }
   }
   onMouseMove(event) {
-    if (getTweakpaneActive())
+    if (getTweakpaneActive()) {
       return;
+    }
     if (this.dragging) {
       if (this.targetTheta === null || this.targetPhi === null)
         return;
@@ -493,6 +494,9 @@ var CameraManager = class {
     }
   }
   onMouseWheel(event) {
+    if (getTweakpaneActive()) {
+      return;
+    }
     const scrollAmount = event.deltaY * this.zoomScale * 0.1;
     this.targetDistance += scrollAmount;
     this.targetDistance = Math.max(
@@ -934,7 +938,7 @@ var _CharacterModel = class _CharacterModel {
       this.config.animationConfig.doubleJumpAnimationFileUrl,
       6 /* doubleJump */,
       false,
-      1.3
+      1.45
     );
     this.applyCustomMaterials();
   }
@@ -1231,7 +1235,7 @@ import {
 } from "three";
 
 // src/character/CanvasText.ts
-import { Texture as Texture2, LinearFilter, RGBAFormat, MeshBasicMaterial } from "three";
+import { Texture, LinearFilter, RGBAFormat, MeshBasicMaterial } from "three";
 function getTextAlignOffset(textAlign, width) {
   switch (textAlign) {
     case "center":
@@ -1332,7 +1336,7 @@ function CanvasText(message, options) {
 }
 function THREECanvasTextTexture(text, options) {
   const canvas2 = CanvasText(text, options);
-  const texture = new Texture2(canvas2);
+  const texture = new Texture(canvas2);
   texture.minFilter = LinearFilter;
   texture.magFilter = LinearFilter;
   texture.format = RGBAFormat;
@@ -1529,7 +1533,7 @@ import { Euler, Line3, Matrix4, Quaternion as Quaternion2, Ray, Raycaster as Ray
 
 // src/tweakpane/blades/characterControlsFolder.ts
 var characterControllerValues = {
-  gravity: 28,
+  gravity: 35.5,
   jumpForce: 18,
   doubleJumpForce: 17.7,
   coyoteJump: 120,
@@ -3323,9 +3327,6 @@ var tweakPaneStyle = `
   --tp-label-foreground-color: hsla(0, 0%, 100%, 0.6);
   --tp-monitor-background-color: hsla(0, 0%, 0%, 0.3);
   --tp-monitor-foreground-color: hsla(0, 0%, 100%, 0.3);
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
 }
 
 .tp-brkv {
@@ -3394,20 +3395,20 @@ var TweakPane = class {
     this.composer = composer;
     this.saveVisibilityInLocalStorage = true;
     this.guiVisible = false;
-    const tweakPaneWrapper = document.createElement("div");
-    tweakPaneWrapper.style.position = "fixed";
-    tweakPaneWrapper.style.width = "400px";
-    tweakPaneWrapper.style.height = "100%";
-    tweakPaneWrapper.style.top = "0px";
-    tweakPaneWrapper.style.right = "calc(-50vw)";
-    tweakPaneWrapper.style.zIndex = "99";
-    tweakPaneWrapper.style.overflow = "auto";
-    tweakPaneWrapper.style.backgroundColor = "rgba(0, 0, 0, 0.66)";
-    tweakPaneWrapper.style.paddingLeft = "5px";
-    tweakPaneWrapper.style.boxShadow = "-7px 0px 12px rgba(0, 0, 0, 0.5)";
-    tweakPaneWrapper.style.transition = "right cubic-bezier(0.83, 0, 0.17, 1) 0.7s";
-    holderElement.appendChild(tweakPaneWrapper);
-    this.gui = new Pane({ container: tweakPaneWrapper });
+    this.tweakPaneWrapper = document.createElement("div");
+    this.tweakPaneWrapper.style.position = "fixed";
+    this.tweakPaneWrapper.style.width = "400px";
+    this.tweakPaneWrapper.style.height = "100%";
+    this.tweakPaneWrapper.style.top = "0px";
+    this.tweakPaneWrapper.style.right = "calc(-50vw)";
+    this.tweakPaneWrapper.style.zIndex = "99";
+    this.tweakPaneWrapper.style.overflow = "auto";
+    this.tweakPaneWrapper.style.backgroundColor = "rgba(0, 0, 0, 0.66)";
+    this.tweakPaneWrapper.style.paddingLeft = "5px";
+    this.tweakPaneWrapper.style.boxShadow = "-7px 0px 12px rgba(0, 0, 0, 0.5)";
+    this.tweakPaneWrapper.style.transition = "right cubic-bezier(0.83, 0, 0.17, 1) 0.7s";
+    holderElement.appendChild(this.tweakPaneWrapper);
+    this.gui = new Pane({ container: this.tweakPaneWrapper });
     this.gui.registerPlugin(EssentialsPlugin);
     if (this.saveVisibilityInLocalStorage) {
       const localStorageGuiVisible = localStorage.getItem("guiVisible");
@@ -3435,19 +3436,20 @@ var TweakPane = class {
     this.characterControls = new CharacterControlsFolder(this.gui, false);
     this.toneMappingFolder.folder.hidden = rendererValues.toneMapping === 5 ? false : true;
     this.export = this.gui.addFolder({ title: "import / export", expanded: false });
+    this.setupGUIListeners();
     window.addEventListener("keydown", (e) => {
       this.processKey(e);
     });
-    this.setupGUIListeners();
   }
   setupGUIListeners() {
     const gui = this.gui;
     const paneElement = gui.containerElem_;
     paneElement.style.right = this.guiVisible ? "0px" : "-450px";
     this.gui.element.addEventListener("mouseenter", () => setTweakpaneActive(true));
+    this.gui.element.addEventListener("mousemove", () => setTweakpaneActive(true));
     this.gui.element.addEventListener("mousedown", () => setTweakpaneActive(true));
-    this.gui.element.addEventListener("mouseup", () => setTweakpaneActive(false));
     this.gui.element.addEventListener("mouseleave", () => setTweakpaneActive(false));
+    this.gui.element.addEventListener("mouseup", () => setTweakpaneActive(false));
   }
   processKey(e) {
     if (e.key === "p")
@@ -3484,6 +3486,10 @@ var TweakPane = class {
       });
     });
   }
+  dispose() {
+    this.gui.dispose();
+    this.tweakPaneWrapper.remove();
+  }
   setupCamPane(cameraManager) {
     this.camera.setupChangeEvent(cameraManager);
   }
@@ -5292,6 +5298,7 @@ var Composer = class {
   }
   dispose() {
     window.removeEventListener("resize", this.resizeListener);
+    this.renderer.dispose();
   }
   fitContainer() {
     if (!this) {
@@ -5514,8 +5521,8 @@ var Composer = class {
     var _a, _b;
     if (typeof ((_b = (_a = this.environmentConfiguration) == null ? void 0 : _a.ambientLight) == null ? void 0 : _b.intensity) === "number") {
       envValues.ambientLight.ambientLightIntensity = this.environmentConfiguration.ambientLight.intensity;
-      this.setAmbientLight();
     }
+    this.setAmbientLight();
   }
 };
 
@@ -5804,13 +5811,13 @@ var CollisionsManager = class {
 // src/ground-plane/GroundPlane.ts
 import {
   CanvasTexture,
-  CircleGeometry as CircleGeometry2,
   FrontSide as FrontSide2,
   Group as Group6,
   LinearMipMapLinearFilter,
   Mesh as Mesh6,
   MeshStandardMaterial as MeshStandardMaterial3,
   NearestFilter as NearestFilter2,
+  PlaneGeometry as PlaneGeometry2,
   RepeatWrapping as RepeatWrapping2
 } from "three";
 var canvas = document.createElement("canvas");
@@ -5827,7 +5834,7 @@ var GroundPlane = class extends Group6 {
     super();
     this.floorSize = 210;
     this.floorTexture = null;
-    this.floorGeometry = new CircleGeometry2(this.floorSize, this.floorSize);
+    this.floorGeometry = new PlaneGeometry2(this.floorSize, this.floorSize, 1, 1);
     this.floorMesh = null;
     this.floorMaterial = new MeshStandardMaterial3({
       color: 16777215,
@@ -5856,6 +5863,7 @@ var LoadingScreen = class {
   constructor(loadingProgressManager) {
     this.loadingProgressManager = loadingProgressManager;
     this.hasCompleted = false;
+    this.disposed = false;
     this.element = document.createElement("div");
     this.element.style.position = "absolute";
     this.element.style.top = "0";
@@ -5990,10 +5998,47 @@ var LoadingScreen = class {
     this.loadingProgressManager.addProgressCallback(this.loadingCallback);
   }
   dispose() {
+    if (this.disposed) {
+      return;
+    }
+    this.disposed = true;
     this.loadingProgressManager.removeProgressCallback(this.loadingCallback);
     this.element.remove();
   }
 };
+
+// src/error-screen/ErrorScreen.ts
+var ErrorScreen = class {
+  constructor(title, message) {
+    this.element = document.createElement("div");
+    this.element.style.position = "absolute";
+    this.element.style.top = "0";
+    this.element.style.left = "0";
+    this.element.style.display = "flex";
+    this.element.style.alignItems = "center";
+    this.element.style.justifyContent = "center";
+    this.element.style.flexDirection = "column";
+    this.element.style.width = "100%";
+    this.element.style.height = "100%";
+    this.element.style.background = "linear-gradient(45deg, #111111 0%, #444444 100%)";
+    this.element.style.color = "white";
+    this.titleBannerText = document.createElement("div");
+    this.titleBannerText.textContent = title;
+    this.titleBannerText.style.fontSize = "40px";
+    this.titleBannerText.style.fontWeight = "bold";
+    this.titleBannerText.style.fontFamily = "sans-serif";
+    this.element.append(this.titleBannerText);
+    this.messageText = document.createElement("div");
+    this.messageText.style.textAlign = "center";
+    this.messageText.style.fontFamily = "sans-serif";
+    this.messageText.style.fontWeight = "bold";
+    this.messageText.textContent = message;
+    this.element.append(this.messageText);
+  }
+  dispose() {
+    this.element.remove();
+  }
+};
 export {
   AnimationState,
   CameraManager,
@@ -6001,6 +6046,7 @@ export {
   CharacterModelLoader,
   CollisionsManager,
   Composer,
+  ErrorScreen,
   GroundPlane,
   KeyInputManager,
   LoadingScreen,