@mml-io/3d-web-client-core 0.21.2 → 0.21.4

package/build/index.js

@@ -19,8 +19,7 @@ var toArray = (origin, precision = 3) => {
   return array;
 };
 var getSpawnPositionInsideCircle = (radius, positions, id, yPos = 0) => {
-  if (id > 0)
-    id += 3;
+  if (id > 0) id += 3;
   const goldenAngle = Math.PI * (3 - Math.sqrt(5));
   const theta = id * goldenAngle;
   const scale = id / positions;
@@ -129,8 +128,7 @@ var CameraFolder = class {
   setupChangeEvent(cameraManager) {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "initialDistance": {
           const value = e.value;
@@ -628,8 +626,7 @@ var CharacterFolder = class {
   setupChangeEvent() {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "emissive": {
           const value = e.value;
@@ -828,8 +825,7 @@ var _CharacterModel = class _CharacterModel {
     }
   }
   applyCustomMaterials() {
-    if (!this.mesh)
-      return;
+    if (!this.mesh) return;
     const boundingBox = new Box3();
     this.mesh.updateWorldMatrix(true, true);
     boundingBox.expandByObject(this.mesh);
@@ -1162,8 +1158,7 @@ function printAtWordWrap(context, fullText, textAlign, y, lineHeight, fitWidth,
             const substring = word.substring(0, charIndex);
             const subWidth = context.measureText(substring).width;
             if (subWidth + padding * 2 > fitWidth) {
-              if (charIndex === 1)
-                charIndex = 2;
+              if (charIndex === 1) charIndex = 2;
               context.fillText(
                 word.substring(0, charIndex - 1),
                 x + padding,
@@ -1495,8 +1490,7 @@ var Character = class extends Group {
   }
   update(time, deltaTime) {
     var _a;
-    if (!this.model)
-      return;
+    if (!this.model) return;
     if (this.tooltip) {
       this.tooltip.update();
     }
@@ -1522,7 +1516,7 @@ var Character = class extends Group {
       color: new Color3(0.125, 0.125, 0.125)
     });
     this.add(tooltip);
-    this.chatTooltips.push(tooltip);
+    this.chatTooltips.unshift(tooltip);
     tooltip.setText(message, () => {
       this.chatTooltips = this.chatTooltips.filter((t) => t !== tooltip);
       this.remove(tooltip);
@@ -1646,8 +1640,7 @@ var CharacterControlsFolder = class {
   setupChangeEvent(localController) {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "gravity": {
           const value = e.value;
@@ -1818,8 +1811,7 @@ var LocalController = class {
     this.updateNetworkState();
   }
   getTargetAnimation() {
-    if (!this.config.character)
-      return 0 /* idle */;
+    if (!this.config.character) return 0 /* idle */;
     const jumpHeight = this.characterVelocity.y > 0 ? 0.2 : 1.8;
     if (this.currentHeight > jumpHeight && !this.characterOnGround) {
       if (this.doubleJumpUsed) {
@@ -2842,8 +2834,7 @@ var BrightnessContrastSaturationFolder = class {
   setupChangeEvent(brightnessContrastSaturation) {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "brightness":
           brightnessContrastSaturation.uniforms.brightness.value = e.value;
@@ -2949,8 +2940,7 @@ var EnvironmentFolder = class {
   setupChangeEvent(scene, setHDR, setSkyboxAzimuthalAngle, setSkyboxPolarAngle, setAmbientLight, setFog, sun) {
     this.sun.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "sunAzimuthalAngle": {
           const value = e.value;
@@ -2986,8 +2976,7 @@ var EnvironmentFolder = class {
     });
     this.envMap.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "envMapIntensity":
           scene.environmentIntensity = e.value;
@@ -2996,8 +2985,7 @@ var EnvironmentFolder = class {
     });
     this.skybox.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "skyboxAzimuthalAngle": {
           const value = e.value;
@@ -3020,8 +3008,7 @@ var EnvironmentFolder = class {
     });
     this.ambient.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "ambientLightIntensity": {
           envValues.ambientLight.ambientLightIntensity = e.value;
@@ -3042,8 +3029,7 @@ var EnvironmentFolder = class {
     });
     this.fog.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "fogNear": {
           envValues.fog.fogNear = e.value;
@@ -3092,8 +3078,7 @@ var PostExtrasFolder = class {
   setupChangeEvent(bloomEffect, gaussGrainEffect) {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "bloom":
           bloomEffect.intensity = e.value;
@@ -3159,8 +3144,7 @@ var RendererFolder = class {
   setupChangeEvent(renderer, toneMappingFolder, toneMappingPass) {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "shadowMap": {
           const value2 = e.value;
@@ -3388,8 +3372,7 @@ var SSAOFolder = class {
   setupChangeEvent(composer, normalPass, ppssaoEffect, ppssaoPass, n8aopass) {
     this.ppssao.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "enabled": {
           const value = e.value;
@@ -3433,8 +3416,7 @@ var SSAOFolder = class {
     });
     this.n8ssao.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       switch (target) {
         case "enabled":
           if (e.value === true) {
@@ -3546,8 +3528,7 @@ var ToneMappingFolder = class {
   setupChangeEvent(toneMappingEffect) {
     this.folder.on("change", (e) => {
       const target = e.target.key;
-      if (!target)
-        return;
+      if (!target) return;
       if (target === "mode") {
         setCustomToneMappingType(e.value);
       }
@@ -3895,22 +3876,17 @@ var Sun = class extends Group4 {
     }
   }
   updateCharacterPosition(position) {
-    if (!position)
-      return;
+    if (!position) return;
     this.target = position;
     this.setSunPosition(this.sunOffset.x, this.sunOffset.y);
   }
   setAzimuthalAngle(angle) {
-    if (this.sunOffset)
-      this.sunOffset.x = angle;
-    if (this.target)
-      this.updateCharacterPosition(this.target);
+    if (this.sunOffset) this.sunOffset.x = angle;
+    if (this.target) this.updateCharacterPosition(this.target);
   }
   setPolarAngle(angle) {
-    if (this.sunOffset)
-      this.sunOffset.y = angle;
-    if (this.target)
-      this.updateCharacterPosition(this.target);
+    if (this.sunOffset) this.sunOffset.y = angle;
+    if (this.target) this.updateCharacterPosition(this.target);
   }
   setIntensity(intensity) {
     this.directionalLight.intensity = intensity;
@@ -3923,8 +3899,7 @@ var Sun = class extends Group4 {
     );
   }
   setSunPosition(azimuthalAngle, polarAngle) {
-    if (!this.target)
-      return;
+    if (!this.target) return;
     const distance = this.sunOffset.z;
     const sphericalPosition = new Vector310(
       distance * Math.sin(polarAngle) * Math.cos(azimuthalAngle),
@@ -4102,7 +4077,6 @@ import {
   Uniform as Uniform7,
   Vector2 as Vector26,
   Vector3 as Vector314,
-  WebGLMultipleRenderTargets,
   WebGLRenderTarget
 } from "three";
 
@@ -4364,11 +4338,15 @@ var EffectCompositer = {
       vec4 clipSpacePosition = vec4(coord * 2.0 - 1.0, z, 1.0);
       vec4 viewSpacePosition = projectionMatrixInv * clipSpacePosition;
 
-      vec4 worldSpacePosition = viewSpacePosition;
-      worldSpacePosition.xyz /= worldSpacePosition.w;
-      return worldSpacePosition.xyz;
+      if (abs(viewSpacePosition.w) < 1e-6) {
+        discard;
+      }
+
+      viewSpacePosition /= viewSpacePosition.w;
+      return (viewMatrixInv * viewSpacePosition).xyz;
     }
 
+
     vec3 computeNormal(vec3 worldPos, vec2 vUv) {
       ivec2 p = ivec2(vUv * resolution);
       float c0 = texelFetch(sceneDepth, p, 0).x;
@@ -5076,22 +5054,18 @@ var N8SSAOPass = class extends Pass {
   }
   configureHalfResTargets() {
     if (this.configuration.halfRes) {
-      this.depthDownsampleTarget = new WebGLMultipleRenderTargets(
-        this.width / 2,
-        this.height / 2,
-        2,
-        {
-          depthBuffer: false
-        }
-      );
-      this.depthDownsampleTarget.texture[0].format = RedFormat;
-      this.depthDownsampleTarget.texture[0].type = FloatType;
-      this.depthDownsampleTarget.texture[0].minFilter = NearestFilter;
-      this.depthDownsampleTarget.texture[0].magFilter = NearestFilter;
-      this.depthDownsampleTarget.texture[1].format = RGBAFormat2;
-      this.depthDownsampleTarget.texture[1].type = HalfFloatType;
-      this.depthDownsampleTarget.texture[1].minFilter = NearestFilter;
-      this.depthDownsampleTarget.texture[1].magFilter = NearestFilter;
+      this.depthDownsampleTarget = new WebGLRenderTarget(this.width / 2, this.height / 2, {
+        count: 2,
+        depthBuffer: false
+      });
+      this.depthDownsampleTarget.textures[0].format = RedFormat;
+      this.depthDownsampleTarget.textures[0].type = FloatType;
+      this.depthDownsampleTarget.textures[0].minFilter = NearestFilter;
+      this.depthDownsampleTarget.textures[0].magFilter = NearestFilter;
+      this.depthDownsampleTarget.textures[1].format = RGBAFormat2;
+      this.depthDownsampleTarget.textures[1].type = HalfFloatType;
+      this.depthDownsampleTarget.textures[1].minFilter = NearestFilter;
+      this.depthDownsampleTarget.textures[1].magFilter = NearestFilter;
       this.depthDownsampleQuad = new FullScreenTriangle(new ShaderMaterial4(DepthDownSample));
     } else {
       if (this.depthDownsampleTarget) {
@@ -5251,12 +5225,11 @@ var N8SSAOPass = class extends Pass {
       depthDownsampleUniforms.logDepth.value = this.configuration.logarithmicDepthBuffer;
       this.depthDownsampleQuad.render(renderer);
     }
-    if (!this.effectShaderQuad)
-      return;
+    if (!this.effectShaderQuad) return;
     const effectShaderUniforms = this.effectShaderQuad.material.uniforms;
     effectShaderUniforms.sceneDiffuse.value = inputBuffer.texture;
-    effectShaderUniforms.sceneDepth.value = this.configuration.halfRes ? this.depthDownsampleTarget.texture[0] : this.depthTexture;
-    effectShaderUniforms.sceneNormal.value = this.configuration.halfRes ? this.depthDownsampleTarget.texture[1] : null;
+    effectShaderUniforms.sceneDepth.value = this.configuration.halfRes ? this.depthDownsampleTarget.textures[0] : this.depthTexture;
+    effectShaderUniforms.sceneNormal.value = this.configuration.halfRes ? this.depthDownsampleTarget.textures[1] : null;
     effectShaderUniforms.projMat.value = this.camera.projectionMatrix;
     effectShaderUniforms.viewMat.value = this.camera.matrixWorldInverse;
     effectShaderUniforms.projViewMat.value = this.camera.projectionMatrix.clone().multiply(this.camera.matrixWorldInverse.clone());
@@ -5279,14 +5252,13 @@ var N8SSAOPass = class extends Pass {
     this.effectShaderQuad.render(renderer);
     const poissonBlurUniforms = this.poissonBlurQuad.material.uniforms;
     for (let i = 0; i < this.configuration.denoiseIterations; i++) {
-      if (!poissonBlurUniforms || !this.poissonBlurQuad)
-        return;
+      if (!poissonBlurUniforms || !this.poissonBlurQuad) return;
       [this.writeTargetInternal, this.readTargetInternal] = [
         this.readTargetInternal,
         this.writeTargetInternal
       ];
       poissonBlurUniforms.tDiffuse.value = this.readTargetInternal.texture;
-      poissonBlurUniforms.sceneDepth.value = this.configuration.halfRes ? this.depthDownsampleTarget.texture[0] : this.depthTexture;
+      poissonBlurUniforms.sceneDepth.value = this.configuration.halfRes ? this.depthDownsampleTarget.textures[0] : this.depthTexture;
       poissonBlurUniforms.projMat.value = this.camera.projectionMatrix;
       poissonBlurUniforms.viewMat.value = this.camera.matrixWorldInverse;
       poissonBlurUniforms.projectionMatrixInv.value = this.camera.projectionMatrixInverse;
@@ -5308,8 +5280,7 @@ var N8SSAOPass = class extends Pass {
       this.poissonBlurQuad.render(renderer);
     }
     const effectCompositerUniforms = this.effectCompositerQuad.material.uniforms;
-    if (!effectCompositerUniforms || !this.effectCompositerQuad)
-      return;
+    if (!effectCompositerUniforms || !this.effectCompositerQuad) return;
     effectCompositerUniforms.sceneDiffuse.value = inputBuffer.texture;
     effectCompositerUniforms.sceneDepth.value = this.depthTexture;
     effectCompositerUniforms.near.value = this.camera.near;
@@ -5318,7 +5289,7 @@ var N8SSAOPass = class extends Pass {
     effectCompositerUniforms.viewMatrixInv.value = this.camera.matrixWorld;
     effectCompositerUniforms.logDepth.value = renderer.capabilities.logarithmicDepthBuffer;
     effectCompositerUniforms.ortho.value = this.camera instanceof OrthographicCamera3;
-    effectCompositerUniforms.downsampledDepth.value = this.configuration.halfRes ? this.depthDownsampleTarget.texture[0] : this.depthTexture;
+    effectCompositerUniforms.downsampledDepth.value = this.configuration.halfRes ? this.depthDownsampleTarget.textures[0] : this.depthTexture;
     effectCompositerUniforms.resolution.value = this.r;
     effectCompositerUniforms.blueNoise.value = this.bluenoise;
     effectCompositerUniforms.intensity.value = this.configuration.intensity;
@@ -5714,8 +5685,7 @@ var Composer = class {
     });
   }
   setHDRIFromFile() {
-    if (!this.renderer)
-      return;
+    if (!this.renderer) return;
     const fileInput = document.createElement("input");
     fileInput.type = "file";
     fileInput.accept = ".hdr,.jpg";
@@ -5858,8 +5828,7 @@ var TimeManager = class {
     this.frame++;
     this.time += this.rawDeltaTime;
     this.deltaTimes.push(this.rawDeltaTime);
-    if (this.deltaTimes.length > this.maxAverageFrames)
-      this.deltaTimes.shift();
+    if (this.deltaTimes.length > this.maxAverageFrames) this.deltaTimes.shift();
     this.targetAverageDeltaTime = this.deltaTimes.reduce((prev, curr) => prev + curr, 0) / this.deltaTimes.length;
     this.lerpedAverageMagDelta += ease(
       this.targetAverageDeltaTime * this.roundMagnitude,
@@ -5985,23 +5954,41 @@ var CollisionsManager = class {
     group.traverse((child) => {
       const asMesh = child;
       if (asMesh.isMesh) {
-        const clonedGeometry = asMesh.geometry.clone();
-        if (child !== group) {
+        const asInstancedMesh = asMesh;
+        if (asInstancedMesh.isInstancedMesh) {
+          for (let i = 0; i < asInstancedMesh.count; i++) {
+            const clonedGeometry = asInstancedMesh.geometry.clone();
+            for (const key in clonedGeometry.attributes) {
+              if (key !== "position") {
+                clonedGeometry.deleteAttribute(key);
+              }
+            }
+            clonedGeometry.applyMatrix4(
+              this.tempMatrix2.fromArray(asInstancedMesh.instanceMatrix.array, i * 16)
+            );
+            if (clonedGeometry.index) {
+              geometries.push(clonedGeometry.toNonIndexed());
+            } else {
+              geometries.push(clonedGeometry);
+            }
+          }
+        } else {
+          const clonedGeometry = asMesh.geometry.clone();
           asMesh.updateWorldMatrix(true, false);
+          for (const key in clonedGeometry.attributes) {
+            if (key !== "position") {
+              clonedGeometry.deleteAttribute(key);
+            }
+          }
           clonedGeometry.applyMatrix4(
             this.tempMatrix2.multiplyMatrices(invertedRootMatrix, asMesh.matrixWorld)
           );
-        }
-        for (const key in clonedGeometry.attributes) {
-          if (key !== "position") {
-            clonedGeometry.deleteAttribute(key);
+          if (clonedGeometry.index) {
+            geometries.push(clonedGeometry.toNonIndexed());
+          } else {
+            geometries.push(clonedGeometry);
           }
         }
-        if (clonedGeometry.index) {
-          geometries.push(clonedGeometry.toNonIndexed());
-        } else {
-          geometries.push(clonedGeometry);
-        }
       }
     });
     const newBufferGeometry = BufferGeometryUtils.mergeGeometries(geometries, false);