@mml-io/3d-web-client-core 0.0.0-experimental-4fd4a46-20240131 → 0.0.0-experimental-b2c116e-20240201

package/build/character/Character.d.ts

@@ -1,21 +1,24 @@
-import { Color, Group, Object3D } from "three";
+import { Color, Group } from "three";
 import { CameraManager } from "../camera/CameraManager";
 import { Composer } from "../rendering/composer";
 import { CharacterModelLoader } from "./CharacterModelLoader";
 import { CharacterSpeakingIndicator } from "./CharacterSpeakingIndicator";
 import { AnimationState } from "./CharacterState";
 import { CharacterTooltip } from "./CharacterTooltip";
-export type CharacterDescription = {
-    meshFileUrl: string;
+export type AnimationConfig = {
     idleAnimationFileUrl: string;
     jogAnimationFileUrl: string;
     sprintAnimationFileUrl: string;
     airAnimationFileUrl: string;
-    modelScale: number;
-    meshModel?: Object3D;
+};
+export type CharacterDescription = {
+    meshFileUrl?: string;
+    mmlCharacterUrl?: string;
+    mmlCharacterString?: string;
 };
 export declare class Character extends Group {
     private readonly characterDescription;
+    private readonly animationConfig;
     private readonly characterModelLoader;
     private readonly characterId;
     private readonly modelLoadedCallback;
@@ -25,7 +28,7 @@ export declare class Character extends Group {
     color: Color;
     tooltip: CharacterTooltip | null;
     speakingIndicator: CharacterSpeakingIndicator | null;
-    constructor(characterDescription: CharacterDescription, characterModelLoader: CharacterModelLoader, characterId: number, modelLoadedCallback: () => void, cameraManager: CameraManager, composer: Composer);
+    constructor(characterDescription: CharacterDescription, animationConfig: AnimationConfig, characterModelLoader: CharacterModelLoader, characterId: number, modelLoadedCallback: () => void, cameraManager: CameraManager, composer: Composer);
     private load;
     updateAnimation(targetAnimation: AnimationState): void;
     update(time: number, deltaTime: number): void;

package/build/character/CharacterManager.d.ts

@@ -5,7 +5,7 @@ import { CollisionsManager } from "../collisions/CollisionsManager";
 import { KeyInputManager } from "../input/KeyInputManager";
 import { Composer } from "../rendering/composer";
 import { TimeManager } from "../time/TimeManager";
-import { Character, CharacterDescription } from "./Character";
+import { AnimationConfig, Character, CharacterDescription } from "./Character";
 import { CharacterModelLoader } from "./CharacterModelLoader";
 import { CharacterState } from "./CharacterState";
 import { RemoteController } from "./RemoteController";
@@ -18,24 +18,22 @@ export declare class CharacterManager {
     private readonly keyInputManager;
     private readonly clientStates;
     private readonly sendUpdate;
-    private readonly mmlCharacterDescriptionURL?;
+    private readonly animationConfig;
+    private readonly characterDescription;
     private updateLocationHash;
     readonly headTargetOffset: Vector3;
     private id;
     remoteCharacters: Map<number, Character>;
     remoteCharacterControllers: Map<number, RemoteController>;
     private localCharacterSpawned;
-    private characterDescription;
     private localController;
     localCharacter: Character | null;
     private cameraOffsetTarget;
     private cameraOffset;
     private speakingCharacters;
     readonly group: Group;
-    constructor(composer: Composer, characterModelLoader: CharacterModelLoader, collisionsManager: CollisionsManager, cameraManager: CameraManager, timeManager: TimeManager, keyInputManager: KeyInputManager, clientStates: Map<number, CharacterState>, sendUpdate: (update: CharacterState) => void, mmlCharacterDescriptionURL?: string | undefined);
-    private fetchDescription;
-    private composeMMLCharacter;
-    spawnLocalCharacter(characterDescription: CharacterDescription, id: number, spawnPosition?: Vector3, spawnRotation?: Euler): Promise<void>;
+    constructor(composer: Composer, characterModelLoader: CharacterModelLoader, collisionsManager: CollisionsManager, cameraManager: CameraManager, timeManager: TimeManager, keyInputManager: KeyInputManager, clientStates: Map<number, CharacterState>, sendUpdate: (update: CharacterState) => void, animationConfig: AnimationConfig, characterDescription: CharacterDescription);
+    spawnLocalCharacter(characterDescription: CharacterDescription, id: number, spawnPosition?: Vector3, spawnRotation?: Euler): void;
     spawnRemoteCharacter(characterDescription: CharacterDescription, id: number, spawnPosition?: Vector3, spawnRotation?: Euler): void;
     getLocalCharacterPositionAndRotation(): PositionAndRotation;
     clear(): void;

package/build/character/CharacterModel.d.ts

@@ -1,10 +1,11 @@
 import { AnimationAction, AnimationMixer, Bone, Object3D } from "three";
-import { CharacterDescription } from "./Character";
+import { AnimationConfig, CharacterDescription } from "./Character";
 import { CharacterMaterial } from "./CharacterMaterial";
 import { CharacterModelLoader } from "./CharacterModelLoader";
 import { AnimationState } from "./CharacterState";
 export declare class CharacterModel {
     private readonly characterDescription;
+    private readonly animationConfig;
     private characterModelLoader;
     mesh: Object3D | null;
     material: CharacterMaterial;
@@ -12,11 +13,13 @@ export declare class CharacterModel {
     animations: Record<string, AnimationAction>;
     animationMixer: AnimationMixer | null;
     currentAnimation: AnimationState;
-    constructor(characterDescription: CharacterDescription, characterModelLoader: CharacterModelLoader);
+    constructor(characterDescription: CharacterDescription, animationConfig: AnimationConfig, characterModelLoader: CharacterModelLoader);
     init(): Promise<void>;
     private applyCustomMaterial;
     updateAnimation(targetAnimation: AnimationState): void;
     private setMainMesh;
+    private composeMMLCharacter;
+    private loadCharacterFromDescription;
     private loadMainMesh;
     private cleanAnimationClips;
     private setAnimationFromFile;

package/build/character/CharacterModelLoader.d.ts

@@ -6,6 +6,7 @@ export declare class CharacterModelLoader {
     private modelCache;
     private ongoingLoads;
     constructor(maxCacheSize?: number, debug?: boolean);
-    load(fileUrl: string, fileType: "model" | "animation"): Promise<Object3D | AnimationClip | undefined>;
+    load(fileUrl: string, fileType: "model"): Promise<Object3D | undefined>;
+    load(fileUrl: string, fileType: "animation"): Promise<AnimationClip | undefined>;
     private loadFromUrl;
 }

package/build/index.d.ts

@@ -1,5 +1,5 @@
 export { CameraManager } from "./camera/CameraManager";
-export { CharacterDescription } from "./character/Character";
+export { CharacterDescription, AnimationConfig } from "./character/Character";
 export { CharacterManager } from "./character/CharacterManager";
 export * from "./character/url-position";
 export * from "./helpers/math-helpers";

package/build/index.js

@@ -256,10 +256,14 @@ var CameraManager = class {
 };
 
 // src/character/Character.ts
-import { Color as Color4, Group as Group2, Vector3 as Vector34 } from "three";
+import { Color as Color3, Group, Vector3 as Vector34 } from "three";
 
 // src/character/CharacterModel.ts
-import { cloneModel } from "@mml-io/3d-web-avatar";
+import {
+  Character as MMLCharacter,
+  ModelLoader,
+  parseMMLDescription
+} from "@mml-io/3d-web-avatar";
 import {
   AnimationClip,
   AnimationMixer,
@@ -640,8 +644,9 @@ var AnimationState = /* @__PURE__ */ ((AnimationState2) => {
 
 // src/character/CharacterModel.ts
 var CharacterModel = class {
-  constructor(characterDescription, characterModelLoader) {
+  constructor(characterDescription, animationConfig, characterModelLoader) {
     this.characterDescription = characterDescription;
+    this.animationConfig = animationConfig;
     this.characterModelLoader = characterModelLoader;
     this.mesh = null;
     this.material = new CharacterMaterial();
@@ -651,30 +656,18 @@ var CharacterModel = class {
     this.currentAnimation = 0 /* idle */;
   }
   async init() {
-    if (this.characterDescription.meshModel) {
-      const mesh = cloneModel(this.characterDescription.meshModel);
-      this.setMainMesh(mesh, "MMLCharacter");
-      this.animationMixer = new AnimationMixer(this.mesh);
-    } else {
-      await this.loadMainMesh();
-    }
-    await this.setAnimationFromFile(
-      this.characterDescription.idleAnimationFileUrl,
-      0 /* idle */
-    );
+    await this.loadMainMesh();
+    await this.setAnimationFromFile(this.animationConfig.idleAnimationFileUrl, 0 /* idle */);
     await this.setAnimationFromFile(
-      this.characterDescription.jogAnimationFileUrl,
+      this.animationConfig.jogAnimationFileUrl,
       1 /* walking */
     );
     await this.setAnimationFromFile(
-      this.characterDescription.sprintAnimationFileUrl,
+      this.animationConfig.sprintAnimationFileUrl,
       2 /* running */
     );
-    await this.setAnimationFromFile(
-      this.characterDescription.airAnimationFileUrl,
-      4 /* air */
-    );
-    if (!this.characterDescription.meshModel) {
+    await this.setAnimationFromFile(this.animationConfig.airAnimationFileUrl, 4 /* air */);
+    if (this.characterDescription.meshFileUrl) {
       this.applyCustomMaterial(this.material);
     }
   }
@@ -699,12 +692,9 @@ var CharacterModel = class {
       this.transitionToAnimation(targetAnimation);
     }
   }
-  setMainMesh(mainMesh, name) {
+  setMainMesh(mainMesh) {
     this.mesh = mainMesh;
     this.mesh.position.set(0, -0.4, 0);
-    this.mesh.name = name;
-    const scale = this.characterDescription.modelScale;
-    this.mesh.scale.set(scale, scale, scale);
     this.mesh.traverse((child) => {
       if (child.type === "SkinnedMesh") {
         child.castShadow = true;
@@ -713,13 +703,62 @@ var CharacterModel = class {
     });
     this.animationMixer = new AnimationMixer(this.mesh);
   }
+  async composeMMLCharacter(mmlCharacterDescription) {
+    var _a, _b, _c;
+    if (((_a = mmlCharacterDescription.base) == null ? void 0 : _a.url.length) === 0) {
+      throw new Error(
+        "ERROR: An MML Character Description was provided but it's not a valid <m-character> string, or a valid URL"
+      );
+    }
+    let mergedCharacter = null;
+    if (mmlCharacterDescription) {
+      const characterBase = ((_b = mmlCharacterDescription.base) == null ? void 0 : _b.url) || null;
+      const parts = [];
+      (_c = mmlCharacterDescription.parts) == null ? void 0 : _c.forEach((part) => {
+        if (part.url)
+          parts.push(part.url);
+      });
+      if (characterBase) {
+        const mmlCharacter = new MMLCharacter(new ModelLoader());
+        mergedCharacter = await mmlCharacter.mergeBodyParts(characterBase, parts);
+        if (mergedCharacter) {
+          return mergedCharacter.children[0].children[0];
+        }
+      }
+    }
+  }
+  async loadCharacterFromDescription() {
+    if (this.characterDescription.meshFileUrl) {
+      return await this.characterModelLoader.load(this.characterDescription.meshFileUrl, "model") || null;
+    }
+    let mmlCharacterSource;
+    if (this.characterDescription.mmlCharacterUrl) {
+      const res = await fetch(this.characterDescription.mmlCharacterUrl);
+      mmlCharacterSource = await res.text();
+    } else if (this.characterDescription.mmlCharacterString) {
+      mmlCharacterSource = this.characterDescription.mmlCharacterString;
+    } else {
+      throw new Error(
+        "ERROR: No Character Description was provided. Specify one of meshFileUrl, mmlCharacterUrl or mmlCharacterString"
+      );
+    }
+    const parsedMMLDescription = parseMMLDescription(mmlCharacterSource);
+    const mmlCharacterDescription = parsedMMLDescription[0];
+    if (parsedMMLDescription[1].length > 0) {
+      console.warn("Errors parsing MML Character Description: ", parsedMMLDescription[1]);
+    }
+    const mmlCharacterBody = await this.composeMMLCharacter(mmlCharacterDescription);
+    if (mmlCharacterBody) {
+      return mmlCharacterBody;
+    }
+    return null;
+  }
   async loadMainMesh() {
-    const mainMeshUrl = this.characterDescription.meshFileUrl;
-    const extension = mainMeshUrl.split(".").pop();
-    const name = mainMeshUrl.split("/").pop().replace(`.${extension}`, "");
-    const mainMesh = await this.characterModelLoader.load(mainMeshUrl, "model");
+    const mainMesh = await this.loadCharacterFromDescription();
     if (typeof mainMesh !== "undefined") {
-      this.setMainMesh(mainMesh, name);
+      this.setMainMesh(mainMesh);
+    } else {
+      throw new Error("ERROR: No Character Model was loaded");
     }
   }
   cleanAnimationClips(skeletalMesh, animationClip) {
@@ -781,7 +820,7 @@ var CharacterModel = class {
 import {
   CircleGeometry,
   GLSL3,
-  Mesh as Mesh2,
+  Mesh,
   RawShaderMaterial
 } from "three";
 var CharacterSpeakingIndicator = class {
@@ -845,7 +884,7 @@ var CharacterSpeakingIndicator = class {
       transparent: true,
       glslVersion: GLSL3
     });
-    this.mesh = new Mesh2(this.geometry, this.material);
+    this.mesh = new Mesh(this.geometry, this.material);
     this.currentAlpha = 0;
     this.targetAlpha = 0;
     this.scene.add(this.mesh);
@@ -871,10 +910,10 @@ var CharacterSpeakingIndicator = class {
 
 // src/character/CharacterTooltip.ts
 import {
-  Color as Color3,
+  Color as Color2,
   FrontSide,
   LinearFilter as LinearFilter2,
-  Mesh as Mesh3,
+  Mesh as Mesh2,
   MeshBasicMaterial as MeshBasicMaterial2,
   PlaneGeometry
 } from "three";
@@ -991,8 +1030,8 @@ function THREECanvasTextTexture(text, options) {
 
 // src/character/CharacterTooltip.ts
 var fontScale = 5;
-var defaultLabelColor = new Color3(0);
-var defaultFontColor = new Color3(16777215);
+var defaultLabelColor = new Color2(0);
+var defaultFontColor = new Color2(16777215);
 var defaultLabelAlignment = "center" /* center */;
 var defaultLabelFontSize = 9;
 var defaultLabelPadding = 0;
@@ -1000,7 +1039,7 @@ var defaultLabelWidth = 0.25;
 var defaultLabelHeight = 0.125;
 var defaultLabelCastShadows = true;
 var tooltipGeometry = new PlaneGeometry(1, 1, 1, 1);
-var CharacterTooltip = class extends Mesh3 {
+var CharacterTooltip = class extends Mesh2 {
   constructor() {
     super(tooltipGeometry);
     this.visibleOpacity = 0.85;
@@ -1106,17 +1145,18 @@ var CharacterTooltip = class extends Mesh3 {
 };
 
 // src/character/Character.ts
-var Character = class extends Group2 {
-  constructor(characterDescription, characterModelLoader, characterId, modelLoadedCallback, cameraManager, composer) {
+var Character = class extends Group {
+  constructor(characterDescription, animationConfig, characterModelLoader, characterId, modelLoadedCallback, cameraManager, composer) {
     super();
     this.characterDescription = characterDescription;
+    this.animationConfig = animationConfig;
     this.characterModelLoader = characterModelLoader;
     this.characterId = characterId;
     this.modelLoadedCallback = modelLoadedCallback;
     this.cameraManager = cameraManager;
     this.composer = composer;
     this.model = null;
-    this.color = new Color4();
+    this.color = new Color3();
     this.tooltip = null;
     this.speakingIndicator = null;
     this.tooltip = new CharacterTooltip();
@@ -1124,7 +1164,11 @@ var Character = class extends Group2 {
     this.load();
   }
   async load() {
-    this.model = new CharacterModel(this.characterDescription, this.characterModelLoader);
+    this.model = new CharacterModel(
+      this.characterDescription,
+      this.animationConfig,
+      this.characterModelLoader
+    );
     await this.model.init();
     this.add(this.model.mesh);
     if (this.speakingIndicator === null) {
@@ -1167,12 +1211,7 @@ var Character = class extends Group2 {
 };
 
 // src/character/CharacterManager.ts
-import {
-  ModelLoader,
-  Character as MMLCharacter,
-  parseMMLDescription
-} from "@mml-io/3d-web-avatar";
-import { Euler as Euler2, Group as Group3, Object3D as Object3D6, Quaternion as Quaternion5, Vector3 as Vector38 } from "three";
+import { Euler as Euler2, Group as Group2, Quaternion as Quaternion5, Vector3 as Vector38 } from "three";
 
 // src/character/LocalController.ts
 import { Euler, Line3, Matrix4, Quaternion as Quaternion2, Ray, Raycaster as Raycaster2, Vector3 as Vector35 } from "three";
@@ -1554,7 +1593,7 @@ function decodeCharacterAndCamera(hash) {
 
 // src/character/CharacterManager.ts
 var CharacterManager = class {
-  constructor(composer, characterModelLoader, collisionsManager, cameraManager, timeManager, keyInputManager, clientStates, sendUpdate, mmlCharacterDescriptionURL) {
+  constructor(composer, characterModelLoader, collisionsManager, cameraManager, timeManager, keyInputManager, clientStates, sendUpdate, animationConfig, characterDescription) {
     this.composer = composer;
     this.characterModelLoader = characterModelLoader;
     this.collisionsManager = collisionsManager;
@@ -1563,68 +1602,25 @@ var CharacterManager = class {
     this.keyInputManager = keyInputManager;
     this.clientStates = clientStates;
     this.sendUpdate = sendUpdate;
-    this.mmlCharacterDescriptionURL = mmlCharacterDescriptionURL;
+    this.animationConfig = animationConfig;
+    this.characterDescription = characterDescription;
     this.updateLocationHash = true;
     this.headTargetOffset = new Vector38(0, 1.3, 0);
     this.id = 0;
     this.remoteCharacters = /* @__PURE__ */ new Map();
     this.remoteCharacterControllers = /* @__PURE__ */ new Map();
     this.localCharacterSpawned = false;
-    this.characterDescription = null;
     this.localCharacter = null;
     this.cameraOffsetTarget = 0;
     this.cameraOffset = 0;
     this.speakingCharacters = /* @__PURE__ */ new Map();
-    this.group = new Group3();
+    this.group = new Group2();
   }
-  async fetchDescription(characterDescription) {
-    let parsedDescrioption = {};
-    await fetch(characterDescription).then(async (response) => {
-      const characterMMLDescriptionURL = await response.text();
-      const parsedMMLDescriptionURL = parseMMLDescription(characterMMLDescriptionURL);
-      parsedDescrioption = parsedMMLDescriptionURL[0];
-    }).catch((_err) => {
-      const parsedMMLDescription = parseMMLDescription(characterDescription);
-      parsedDescrioption = parsedMMLDescription[0];
-    });
-    return parsedDescrioption;
-  }
-  async composeMMLCharacter(descriptionURL) {
-    var _a, _b, _c;
-    const mmlCharacterDescription = await this.fetchDescription(descriptionURL);
-    if (((_a = mmlCharacterDescription.base) == null ? void 0 : _a.url.length) === 0) {
-      throw new Error(
-        "ERROR: An MML Character Description was provided but it's not a valid <m-character> string, or a valid URL"
-      );
-    }
-    let mergedCharacter = null;
-    if (mmlCharacterDescription) {
-      const characterBase = ((_b = mmlCharacterDescription.base) == null ? void 0 : _b.url) || null;
-      const parts = [];
-      (_c = mmlCharacterDescription.parts) == null ? void 0 : _c.forEach((part) => {
-        if (part.url)
-          parts.push(part.url);
-      });
-      if (characterBase) {
-        const mmlCharacter = new MMLCharacter(new ModelLoader());
-        mergedCharacter = await mmlCharacter.mergeBodyParts(characterBase, parts);
-        if (mergedCharacter) {
-          return mergedCharacter.children[0].children[0];
-        }
-      }
-    }
-  }
-  async spawnLocalCharacter(characterDescription, id, spawnPosition = new Vector38(), spawnRotation = new Euler2()) {
+  spawnLocalCharacter(characterDescription, id, spawnPosition = new Vector38(), spawnRotation = new Euler2()) {
     var _a;
-    if (this.mmlCharacterDescriptionURL) {
-      const mmlCharacterBody = await this.composeMMLCharacter(this.mmlCharacterDescriptionURL);
-      if (mmlCharacterBody && mmlCharacterBody instanceof Object3D6) {
-        characterDescription.meshModel = mmlCharacterBody;
-      }
-    }
-    this.characterDescription = characterDescription;
     const character = new Character(
       characterDescription,
+      this.animationConfig,
       this.characterModelLoader,
       id,
       () => {
@@ -1663,6 +1659,7 @@ var CharacterManager = class {
     var _a;
     const character = new Character(
       characterDescription,
+      this.animationConfig,
       this.characterModelLoader,
       id,
       () => {
@@ -1942,7 +1939,7 @@ import {
   PromptManager,
   LoadingProgressManager
 } from "mml-web";
-import { Group as Group4 } from "three";
+import { Group as Group3 } from "three";
 var MMLCompositionScene = class {
   constructor(targetElement, renderer, scene, camera, audioListener, collisionsManager, getUserPositionAndRotation) {
     this.renderer = renderer;
@@ -1952,7 +1949,7 @@ var MMLCompositionScene = class {
     this.collisionsManager = collisionsManager;
     this.getUserPositionAndRotation = getUserPositionAndRotation;
     this.chatProbes = /* @__PURE__ */ new Set();
-    this.group = new Group4();
+    this.group = new Group3();
     this.promptManager = PromptManager.init(targetElement);
     const { interactionListener, interactionManager } = InteractionManager.init(
       targetElement,
@@ -2391,7 +2388,7 @@ var RendererStatsFolder = class {
 
 // src/tweakpane/blades/ssaoFolder.ts
 import { BlendFunction } from "postprocessing";
-import { Color as Color5 } from "three";
+import { Color as Color4 } from "three";
 var ppssaoValues = {
   enabled: false,
   blendFunction: BlendFunction.MULTIPLY,
@@ -2583,7 +2580,7 @@ var SSAOFolder = class {
         }
         case "color": {
           const value = e.value;
-          ppssaoEffect.color = new Color5().setRGB(value.r, value.g, value.b);
+          ppssaoEffect.color = new Color4().setRGB(value.r, value.g, value.b);
           break;
         }
         default: {
@@ -2623,7 +2620,7 @@ var SSAOFolder = class {
           break;
         case "color":
           const value = e.value;
-          n8aopass.configuration.color = new Color5().setRGB(value.r, value.g, value.b);
+          n8aopass.configuration.color = new Color4().setRGB(value.r, value.g, value.b);
           break;
         default:
           break;
@@ -2934,7 +2931,7 @@ import {
 } from "postprocessing";
 import {
   AmbientLight,
-  Color as Color8,
+  Color as Color7,
   Fog as Fog2,
   HalfFloatType as HalfFloatType2,
   LinearSRGBColorSpace,
@@ -2948,8 +2945,8 @@ import {
 import { RGBELoader } from "three/examples/jsm/loaders/RGBELoader.js";
 
 // src/sun/Sun.ts
-import { CameraHelper, Color as Color6, DirectionalLight, Group as Group5, OrthographicCamera, Vector3 as Vector39 } from "three";
-var Sun = class extends Group5 {
+import { CameraHelper, Color as Color5, DirectionalLight, Group as Group4, OrthographicCamera, Vector3 as Vector39 } from "three";
+var Sun = class extends Group4 {
   constructor() {
     super();
     this.debug = false;
@@ -3009,7 +3006,7 @@ var Sun = class extends Group5 {
     this.directionalLight.intensity = intensity;
   }
   setColor() {
-    this.directionalLight.color = new Color6().setRGB(
+    this.directionalLight.color = new Color5().setRGB(
       sunValues.sunColor.r,
       sunValues.sunColor.g,
       sunValues.sunColor.b
@@ -3178,7 +3175,7 @@ var GaussGrainEffect = new ShaderMaterial2({
 // src/rendering/post-effects/n8-ssao/N8SSAOPass.ts
 import { Pass } from "postprocessing";
 import {
-  Color as Color7,
+  Color as Color6,
   DataTexture,
   FloatType,
   Fog,
@@ -3825,7 +3822,7 @@ var EffectShader = {
 import {
   BufferAttribute,
   BufferGeometry,
-  Mesh as Mesh4,
+  Mesh as Mesh3,
   OrthographicCamera as OrthographicCamera2,
   Sphere
 } from "three";
@@ -3841,7 +3838,7 @@ var FullScreenTriangle = class {
     this.geometry.boundingSphere = new Sphere();
     this.geometry.computeBoundingSphere = function() {
     };
-    this.mesh = new Mesh4(this.geometry, material);
+    this.mesh = new Mesh3(this.geometry, material);
     this.mesh.frustumCulled = false;
   }
   get material() {
@@ -4102,7 +4099,7 @@ var N8SSAOPass = class extends Pass {
         intensity: 5,
         denoiseIterations: 2,
         renderMode: 0,
-        color: new Color7(0, 0, 0),
+        color: new Color6(0, 0, 0),
         gammaCorrection: true,
         logarithmicDepthBuffer: false,
         screenSpaceRadius: false,
@@ -4165,7 +4162,7 @@ var N8SSAOPass = class extends Pass {
     this.needsDepthTexture = true;
     this.needsSwap = true;
     this.r = new Vector26();
-    this.c = new Color7();
+    this.c = new Color6();
   }
   configureHalfResTargets() {
     if (this.configuration.halfRes) {
@@ -4536,7 +4533,7 @@ var Composer = class {
       bias: ppssaoValues.bias,
       fade: ppssaoValues.fade,
       resolutionScale: ppssaoValues.resolutionScale,
-      color: new Color8().setRGB(ppssaoValues.color.r, ppssaoValues.color.g, ppssaoValues.color.b),
+      color: new Color7().setRGB(ppssaoValues.color.r, ppssaoValues.color.g, ppssaoValues.color.b),
       worldDistanceThreshold: ppssaoValues.worldDistanceThreshold,
       worldDistanceFalloff: ppssaoValues.worldDistanceFalloff,
       worldProximityThreshold: ppssaoValues.worldProximityThreshold,
@@ -4552,7 +4549,7 @@ var Composer = class {
     this.n8aopass.configuration.aoRadius = n8ssaoValues.aoRadius;
     this.n8aopass.configuration.distanceFalloff = n8ssaoValues.distanceFalloff;
     this.n8aopass.configuration.intensity = n8ssaoValues.intensity;
-    this.n8aopass.configuration.color = new Color8().setRGB(
+    this.n8aopass.configuration.color = new Color7().setRGB(
       n8ssaoValues.color.r,
       n8ssaoValues.color.g,
       n8ssaoValues.color.b
@@ -4728,7 +4725,7 @@ var Composer = class {
     fileInput.click();
   }
   setFog() {
-    const fogColor = new Color8().setRGB(
+    const fogColor = new Color7().setRGB(
       envValues.fog.fogColor.r,
       envValues.fog.fogColor.g,
       envValues.fog.fogColor.b
@@ -4740,7 +4737,7 @@ var Composer = class {
       this.scene.remove(this.ambientLight);
       this.ambientLight.dispose();
     }
-    const ambientLightColor = new Color8().setRGB(
+    const ambientLightColor = new Color7().setRGB(
       envValues.ambientLight.ambientLightColor.r,
       envValues.ambientLight.ambientLightColor.g,
       envValues.ambientLight.ambientLightColor.b
@@ -4806,13 +4803,13 @@ import {
 } from "mml-web";
 import {
   Box3,
-  Color as Color9,
+  Color as Color8,
   DoubleSide,
   Euler as Euler3,
-  Group as Group6,
+  Group as Group5,
   Line3 as Line32,
   Matrix4 as Matrix46,
-  Mesh as Mesh5,
+  Mesh as Mesh4,
   MeshBasicMaterial as MeshBasicMaterial3,
   Quaternion as Quaternion6,
   Ray as Ray2,
@@ -4900,11 +4897,11 @@ var CollisionsManager = class {
     };
     if (this.debug) {
       newBufferGeometry.boundsTree = meshBVH;
-      const wireframeMesh = new Mesh5(newBufferGeometry, new MeshBasicMaterial3({ wireframe: true }));
+      const wireframeMesh = new Mesh4(newBufferGeometry, new MeshBasicMaterial3({ wireframe: true }));
       const normalsHelper = new VertexNormalsHelper(wireframeMesh, 0.25, 65280);
       const visualizer = new MeshBVHHelper(wireframeMesh, 4);
-      visualizer.edgeMaterial.color = new Color9("blue");
-      const debugGroup = new Group6();
+      visualizer.edgeMaterial.color = new Color8("blue");
+      const debugGroup = new Group5();
       debugGroup.add(wireframeMesh, normalsHelper, visualizer);
       group.matrixWorld.decompose(debugGroup.position, debugGroup.quaternion, debugGroup.scale);
       visualizer.update();