@mml-io/3d-web-client-core 0.0.0-experimental-44af53e-20250723 → 0.0.0-experimental-1f6e4fb-20250728

package/build/index.js

@@ -1506,6 +1506,7 @@ ${before}
 
 // src/tweakpane/blades/characterFolder.ts
 var characterValues = {
+  overrideMaterialParams: false,
   metalness: 0.2,
   roughness: 0.8,
   emissive: { r: 1, g: 1, b: 1 },
@@ -1520,25 +1521,45 @@ var characterOptions = {
 };
 var CharacterFolder = class {
   folder;
+  materialParamsFolder;
   constructor(parentFolder, expand = false) {
     this.folder = parentFolder.addFolder({ title: "characterMaterial", expanded: expand });
-    this.folder.addBinding(characterValues, "metalness", characterOptions.metalness);
-    this.folder.addBinding(characterValues, "roughness", characterOptions.roughness);
-    this.folder.addBinding(characterValues, "emissive", {
+    this.folder.addBinding(characterValues, "overrideMaterialParams", {
+      label: "override material params"
+    });
+    this.materialParamsFolder = this.folder.addFolder({
+      title: "Material Parameters",
+      expanded: true
+    });
+    this.materialParamsFolder.addBinding(characterValues, "metalness", characterOptions.metalness);
+    this.materialParamsFolder.addBinding(characterValues, "roughness", characterOptions.roughness);
+    this.materialParamsFolder.addBinding(characterValues, "emissive", {
       color: { type: "float" }
     });
-    this.folder.addBinding(
+    this.materialParamsFolder.addBinding(
       characterValues,
       "emissiveIntensity",
       characterOptions.emissiveIntensity
     );
-    this.folder.addBinding(characterValues, "envMapIntensity", characterOptions.envMapIntensity);
+    this.materialParamsFolder.addBinding(
+      characterValues,
+      "envMapIntensity",
+      characterOptions.envMapIntensity
+    );
+    this.updateMaterialParamsVisibility();
+  }
+  updateMaterialParamsVisibility() {
+    this.materialParamsFolder.hidden = !characterValues.overrideMaterialParams;
   }
   setupChangeEvent() {
     this.folder.on("change", (e) => {
       const target = e.target.key;
       if (!target) return;
       switch (target) {
+        case "overrideMaterialParams": {
+          this.updateMaterialParamsVisibility();
+          break;
+        }
         case "emissive": {
           const value = e.value;
           characterValues.emissive = {
@@ -1666,15 +1687,17 @@ var CharacterMaterial = class extends MeshStandardMaterial {
         this.opacity = this.currentAlpha;
       }
     }
-    this.metalness = characterValues.metalness;
-    this.roughness = characterValues.roughness;
-    this.emissive = new Color().setRGB(
-      characterValues.emissive.r,
-      characterValues.emissive.g,
-      characterValues.emissive.b
-    );
-    this.emissiveIntensity = characterValues.emissiveIntensity;
-    this.envMapIntensity = characterValues.envMapIntensity;
+    if (characterValues.overrideMaterialParams) {
+      this.metalness = characterValues.metalness;
+      this.roughness = characterValues.roughness;
+      this.emissive = new Color().setRGB(
+        characterValues.emissive.r,
+        characterValues.emissive.g,
+        characterValues.emissive.b
+      );
+      this.emissiveIntensity = characterValues.emissiveIntensity;
+      this.envMapIntensity = characterValues.envMapIntensity;
+    }
   }
 };
 
@@ -9214,7 +9237,7 @@ var sunValues = {
 var sunOptions = {
   sunPosition: {
     sunAzimuthalAngle: { min: 0, max: 360, step: 1 },
-    sunPolarAngle: { min: -90, max: 90, step: 1 }
+    sunPolarAngle: { min: -95, max: 95, step: 1 }
   },
   sunIntensity: { min: 0, max: 10, step: 0.1 },
   skyTurbidity: { min: 1, max: 30, step: 0.1 },
@@ -9225,7 +9248,7 @@ var sunOptions = {
 var envValues = {
   skyboxAzimuthalAngle: 0,
   skyboxPolarAngle: 0,
-  envMapIntensity: 0.21,
+  envMapIntensity: 0.6,
   skyboxIntensity: 0.9,
   skyboxBlurriness: 0,
   ambientLight: {
@@ -11494,10 +11517,11 @@ var PostProcessingFolder = class {
 };
 
 // src/tweakpane/blades/rendererFolder.ts
+import { NoToneMapping } from "three";
 var rendererValues = {
   shadowMap: 2,
-  toneMapping: 5,
-  exposure: 2.1
+  toneMapping: 4,
+  exposure: 0.75
 };
 var rendererOptions = {
   shadowMap: { min: 0, max: 2, step: 1 },
@@ -11556,6 +11580,7 @@ var RendererFolder = class {
           const value = e.value;
           toneMappingFolder.hidden = e.value !== 5;
           toneMappingPass.enabled = e.value === 5 ? true : false;
+          renderer.toneMapping = e.value === 5 ? NoToneMapping : e.value;
           setToneMappingType(e.value);
           break;
         case "exposure":
@@ -11838,6 +11863,7 @@ var TweakPane = class {
   }
   setupCharacterController(localController) {
     this.characterControls.setupChangeEvent(localController);
+    this.character.setupChangeEvent();
   }
   setupPostProcessingPane(postProcessingManager) {
     this.postProcessingFolder.setupChangeEvent(postProcessingManager);
@@ -11934,7 +11960,7 @@ import {
   SRGBColorSpace,
   Vector3 as Vector316,
   WebGLCubeRenderTarget,
-  WebGLRenderer as WebGLRenderer9
+  WebGLRenderer as WebGLRenderer10
 } from "three";
 import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader.js";
 import { Sky } from "three/examples/jsm/objects/Sky.js";
@@ -12066,7 +12092,7 @@ var Composer = class {
     this.postPostScene = new Scene6();
     this.spawnSun = spawnSun;
     this.postProcessingEnabled = postProcessingEnabled;
-    this.renderer = new WebGLRenderer9({
+    this.renderer = new WebGLRenderer10({
       powerPreference: "high-performance",
       antialias: true
     });