@mml-io/3d-web-client-core 0.0.0-experimental-f169fed-20240520 → 0.0.0-experimental-8634a66-20240605

package/build/index.d.ts

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

package/build/index.js

@@ -1810,7 +1810,7 @@ var LocalController = class {
         i
       );
     }
-    if (this.config.character.position.y < 0) {
+    if (this.config.character.position.y < -100) {
       this.resetPosition();
     }
     this.updateNetworkState();
@@ -2617,6 +2617,7 @@ var sunOptions = {
 var envValues = {
   hdrAzimuthalAngle: 0,
   hdrPolarAngle: 0,
+  hdrEnvIntensity: 0.07,
   hdrIntensity: 0.8,
   hdrBlurriness: 0,
   ambientLight: {
@@ -3524,37 +3525,37 @@ var TweakPane = class {
 // src/rendering/composer.ts
 import { HDRJPGLoader } from "@monogrid/gainmap-js";
 import {
+  BlendFunction as BlendFunction2,
+  BloomEffect,
+  EdgeDetectionMode,
   EffectComposer as EffectComposer2,
-  RenderPass,
   EffectPass as EffectPass2,
   FXAAEffect,
+  NormalPass as NormalPass2,
+  PredicationMode,
+  RenderPass,
   ShaderPass,
-  BloomEffect,
-  SSAOEffect as SSAOEffect2,
-  BlendFunction as BlendFunction2,
-  TextureEffect,
-  ToneMappingEffect,
   SMAAEffect,
   SMAAPreset,
-  EdgeDetectionMode,
-  PredicationMode,
-  NormalPass as NormalPass2
+  SSAOEffect as SSAOEffect2,
+  TextureEffect,
+  ToneMappingEffect
 } from "postprocessing";
 import {
   AmbientLight,
   Color as Color7,
+  EquirectangularReflectionMapping,
+  Euler as Euler3,
   Fog as Fog2,
   HalfFloatType as HalfFloatType2,
   LinearSRGBColorSpace,
   LoadingManager,
+  MathUtils,
   PMREMGenerator,
-  SRGBColorSpace,
   Scene as Scene4,
+  SRGBColorSpace,
   Vector2 as Vector27,
-  WebGLRenderer as WebGLRenderer4,
-  EquirectangularReflectionMapping,
-  MathUtils,
-  Euler as Euler3
+  WebGLRenderer as WebGLRenderer4
 } from "three";
 import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader.js";
 
@@ -5097,7 +5098,12 @@ var N8SSAOPass = class extends Pass {
 
 // src/rendering/composer.ts
 var Composer = class {
-  constructor(scene, camera, spawnSun = false) {
+  constructor({
+    scene,
+    camera,
+    spawnSun = false,
+    environmentConfiguration
+  }) {
     this.width = 1;
     this.height = 1;
     this.resolution = new Vector27(this.width, this.height);
@@ -5106,6 +5112,7 @@ var Composer = class {
     this.gaussGrainEffect = GaussGrainEffect;
     this.ambientLight = null;
     this.sun = null;
+    var _a;
     this.scene = scene;
     this.postPostScene = new Scene4();
     this.camera = camera;
@@ -5121,9 +5128,9 @@ var Composer = class {
     this.renderer.shadowMap.type = rendererValues.shadowMap;
     this.renderer.toneMapping = rendererValues.toneMapping;
     this.renderer.toneMappingExposure = rendererValues.exposure;
-    this.scene.backgroundIntensity = envValues.hdrIntensity;
-    this.scene.backgroundBlurriness = envValues.hdrBlurriness;
-    this.setAmbientLight();
+    this.environmentConfiguration = environmentConfiguration;
+    this.updateHDRValues();
+    this.updateAmbientLightValues();
     this.setFog();
     this.effectComposer = new EffectComposer2(this.renderer, {
       frameBufferType: HalfFloatType2
@@ -5156,6 +5163,9 @@ var Composer = class {
     this.ppssaoPass = new EffectPass2(this.camera, this.ppssaoEffect, this.normalTextureEffect);
     this.ppssaoPass.enabled = ppssaoValues.enabled;
     this.fxaaEffect = new FXAAEffect();
+    if ((_a = environmentConfiguration == null ? void 0 : environmentConfiguration.postProcessing) == null ? void 0 : _a.bloomIntensity) {
+      extrasValues.bloom = environmentConfiguration.postProcessing.bloomIntensity;
+    }
     this.bloomEffect = new BloomEffect({
       intensity: extrasValues.bloom
     });
@@ -5215,6 +5225,7 @@ var Composer = class {
       this.sun = new Sun();
       this.scene.add(this.sun);
     }
+    this.updateSunValues();
     this.resizeListener = () => {
       this.fitContainer();
     };
@@ -5316,6 +5327,13 @@ var Composer = class {
       if (envMap) {
         envMap.colorSpace = LinearSRGBColorSpace;
         envMap.needsUpdate = true;
+        this.scene.environment = envMap;
+        this.scene.environmentIntensity = envValues.hdrEnvIntensity;
+        this.scene.environmentRotation = new Euler3(
+          MathUtils.degToRad(envValues.hdrPolarAngle),
+          MathUtils.degToRad(envValues.hdrAzimuthalAngle),
+          0
+        );
         this.scene.background = envMap;
         this.scene.backgroundIntensity = envValues.hdrIntensity;
         this.scene.backgroundBlurriness = envValues.hdrBlurriness;
@@ -5342,6 +5360,13 @@ var Composer = class {
         if (envMap) {
           envMap.colorSpace = LinearSRGBColorSpace;
           envMap.needsUpdate = true;
+          this.scene.environment = envMap;
+          this.scene.environmentIntensity = envValues.hdrEnvIntensity;
+          this.scene.environmentRotation = new Euler3(
+            MathUtils.degToRad(envValues.hdrPolarAngle),
+            MathUtils.degToRad(envValues.hdrAzimuthalAngle),
+            0
+          );
           this.scene.background = envMap;
           this.scene.backgroundIntensity = envValues.hdrIntensity;
           this.scene.backgroundBlurriness = envValues.hdrBlurriness;
@@ -5411,6 +5436,51 @@ var Composer = class {
     );
     this.scene.add(this.ambientLight);
   }
+  updateSunValues() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+    if (typeof ((_b = (_a = this.environmentConfiguration) == null ? void 0 : _a.sun) == null ? void 0 : _b.intensity) === "number") {
+      sunValues.sunIntensity = this.environmentConfiguration.sun.intensity;
+      (_c = this.sun) == null ? void 0 : _c.setIntensity(this.environmentConfiguration.sun.intensity);
+    }
+    if (typeof ((_e = (_d = this.environmentConfiguration) == null ? void 0 : _d.sun) == null ? void 0 : _e.azimuthalAngle) === "number") {
+      sunValues.sunPosition.sunAzimuthalAngle = this.environmentConfiguration.sun.azimuthalAngle;
+      (_f = this.sun) == null ? void 0 : _f.setAzimuthalAngle(this.environmentConfiguration.sun.azimuthalAngle);
+    }
+    if (typeof ((_h = (_g = this.environmentConfiguration) == null ? void 0 : _g.sun) == null ? void 0 : _h.polarAngle) === "number") {
+      sunValues.sunPosition.sunPolarAngle = this.environmentConfiguration.sun.polarAngle;
+      (_i = this.sun) == null ? void 0 : _i.setPolarAngle(this.environmentConfiguration.sun.polarAngle);
+    }
+  }
+  updateHDRValues() {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
+    if (typeof ((_b = (_a = this.environmentConfiguration) == null ? void 0 : _a.skybox) == null ? void 0 : _b.intensity) === "number") {
+      envValues.hdrIntensity = (_c = this.environmentConfiguration) == null ? void 0 : _c.skybox.intensity;
+    }
+    this.scene.backgroundIntensity = envValues.hdrIntensity;
+    if (typeof ((_e = (_d = this.environmentConfiguration) == null ? void 0 : _d.envMap) == null ? void 0 : _e.intensity) === "number") {
+      envValues.hdrEnvIntensity = (_f = this.environmentConfiguration) == null ? void 0 : _f.envMap.intensity;
+    }
+    this.scene.backgroundIntensity = envValues.hdrEnvIntensity;
+    if (typeof ((_h = (_g = this.environmentConfiguration) == null ? void 0 : _g.skybox) == null ? void 0 : _h.blurriness) === "number") {
+      envValues.hdrBlurriness = (_i = this.environmentConfiguration) == null ? void 0 : _i.skybox.blurriness;
+    }
+    this.scene.backgroundBlurriness = envValues.hdrBlurriness;
+    if (typeof ((_k = (_j = this.environmentConfiguration) == null ? void 0 : _j.skybox) == null ? void 0 : _k.azimuthalAngle) === "number") {
+      envValues.hdrAzimuthalAngle = (_l = this.environmentConfiguration) == null ? void 0 : _l.skybox.azimuthalAngle;
+      this.setHDRAzimuthalAngle((_m = this.environmentConfiguration) == null ? void 0 : _m.skybox.azimuthalAngle);
+    }
+    if (typeof ((_o = (_n = this.environmentConfiguration) == null ? void 0 : _n.skybox) == null ? void 0 : _o.polarAngle) === "number") {
+      envValues.hdrPolarAngle = (_p = this.environmentConfiguration) == null ? void 0 : _p.skybox.polarAngle;
+      this.setHDRPolarAngle((_q = this.environmentConfiguration) == null ? void 0 : _q.skybox.polarAngle);
+    }
+  }
+  updateAmbientLightValues() {
+    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();
+    }
+  }
 };
 
 // src/time/TimeManager.ts