@mavonengine/core 0.0.2

package/dist/browser/chunk-5LZSI46V.js

@@ -0,0 +1,122 @@
+import {
+  Game
+} from "./chunk-A5XMBADG.js";
+
+// src/Prefab/Water/WaterManager.ts
+import { Vector2, Vector3 } from "three";
+var WaterManager = class _WaterManager {
+  constructor() {
+    this.uBigwavesElevation = 0.2;
+    this.uBigwavesFrequency = new Vector2(4, 1.5);
+    this.uBigWavesSpeed = 0.75;
+    this.uSurfaceColor = "#9bd8ff";
+    this.uDepthColor = "#186691";
+    this.uColorOffset = 0.08;
+    this.uColorMultiplier = 5;
+    this.sunPosition = new Vector3(0, 1, 0);
+    this.uSunReflectionStrength = 1;
+    this.waters = [];
+    _WaterManager.instance = this;
+    if (Game.instance().debug.active || Game.instance().editor) {
+      const waterFolder = Game.instance().debug.ui?.addFolder({ title: "Water" });
+      if (waterFolder)
+        this.addBindings(waterFolder);
+    }
+  }
+  static init() {
+    _WaterManager.instance = new _WaterManager();
+  }
+  addBindings(folder) {
+    this.uBigWavesElevationController = folder.addBinding(this, "uBigwavesElevation", {
+      min: 0,
+      max: 1,
+      step: 1e-3,
+      label: "Height"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesElevation.value = value;
+      });
+    });
+    this.uBigWavesFrequencyControllerX = folder.addBinding(this.uBigwavesFrequency, "x", {
+      min: 0,
+      max: 10,
+      step: 1e-3,
+      label: "FrequencyX"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesFrequency.value.setX(value);
+      });
+    });
+    this.uBigWavesFrequencyControllerY = folder.addBinding(this.uBigwavesFrequency, "y", {
+      min: 0,
+      max: 10,
+      step: 1e-3,
+      label: "FrequencyY"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesFrequency.value.setY(value);
+      });
+    });
+    this.uBigWavesSpeedController = folder.addBinding(this, "uBigWavesSpeed", {
+      min: 0,
+      max: 4,
+      step: 1e-3,
+      label: "Speed"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesSpeed.value = value;
+      });
+    });
+    this.uSurfaceColorController = folder.addBinding(this, "uSurfaceColor", {
+      label: "Surface Color",
+      view: "color"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uSurfaceColor.value.set(value);
+      });
+    });
+    this.uDepthColorController = folder.addBinding(this, "uDepthColor", {
+      label: "Depth Color",
+      view: "color"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uDepthColor.value.set(value);
+      });
+    });
+    this.uColorOffsetController = folder.addBinding(this, "uColorOffset", {
+      min: 0,
+      max: 1,
+      step: 1e-3,
+      label: "uColorOffset"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uColorOffset.value = value;
+      });
+    });
+    this.uColorMultiplierController = folder.addBinding(this, "uColorMultiplier", {
+      min: 0,
+      max: 10,
+      step: 1e-3,
+      label: "uColorMultiplier"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uColorMultiplier.value = value;
+      });
+    });
+    this.uSunReflectionStrengthController = folder.addBinding(this, "uSunReflectionStrength", {
+      min: 0,
+      max: 3,
+      step: 0.01,
+      label: "Sun Reflection"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uSunReflectionStrength.value = value;
+      });
+    });
+  }
+};
+
+export {
+  WaterManager
+};
+//# sourceMappingURL=chunk-5LZSI46V.js.map

package/dist/browser/chunk-5LZSI46V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Prefab/Water/WaterManager.ts"],"sourcesContent":["import type { BindingApi, ContainerApi } from '@tweakpane/core'\nimport type Water from './Water'\nimport Game from '../../Game'\nimport { Vector2, Vector3 } from 'three'\n\nexport default class WaterManager {\n  uBigwavesElevation = 0.2\n  uBigWavesElevationController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uBigwavesFrequency = new Vector2(4, 1.5)\n  uBigWavesFrequencyControllerX: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n  uBigWavesFrequencyControllerY: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uBigWavesSpeed = 0.75\n  uBigWavesSpeedController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uSurfaceColor = '#9bd8ff'\n  uSurfaceColorController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uDepthColor = '#186691'\n  uDepthColorController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uColorOffset = 0.08\n  uColorOffsetController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uColorMultiplier = 5.0\n  uColorMultiplierController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  sunPosition = new Vector3(0, 1, 0)\n\n  uSunReflectionStrength = 1.0\n  uSunReflectionStrengthController: BindingApi<unknown, this['uSunReflectionStrength'], any> | undefined\n\n  waters: Water[] = []\n\n  static instance?: WaterManager\n\n  static init() {\n    WaterManager.instance = new WaterManager()\n  }\n\n  constructor() {\n    WaterManager.instance = this\n\n    if (Game.instance().debug.active || Game.instance().editor) {\n      const waterFolder = Game.instance().debug.ui?.addFolder({ title: 'Water' })\n      if (waterFolder)\n        this.addBindings(waterFolder)\n    }\n  }\n\n  addBindings(folder: ContainerApi): void {\n    this.uBigWavesElevationController = folder.addBinding(this, 'uBigwavesElevation', {\n      min: 0,\n      max: 1,\n      step: 0.001,\n      label: 'Height',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesElevation.value = value\n      })\n    })\n\n    this.uBigWavesFrequencyControllerX = folder.addBinding(this.uBigwavesFrequency, 'x', {\n      min: 0,\n      max: 10,\n      step: 0.001,\n      label: 'FrequencyX',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesFrequency.value.setX(value)\n      })\n    })\n\n    this.uBigWavesFrequencyControllerY = folder.addBinding(this.uBigwavesFrequency, 'y', {\n      min: 0,\n      max: 10,\n      step: 0.001,\n      label: 'FrequencyY',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesFrequency.value.setY(value)\n      })\n    })\n\n    this.uBigWavesSpeedController = folder.addBinding(this, 'uBigWavesSpeed', {\n      min: 0,\n      max: 4,\n      step: 0.001,\n      label: 'Speed',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesSpeed.value = value\n      })\n    })\n\n    this.uSurfaceColorController = folder.addBinding(this, 'uSurfaceColor', {\n      label: 'Surface Color',\n      view: 'color',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uSurfaceColor.value.set(value)\n      })\n    })\n\n    this.uDepthColorController = folder.addBinding(this, 'uDepthColor', {\n      label: 'Depth Color',\n      view: 'color',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uDepthColor.value.set(value)\n      })\n    })\n\n    this.uColorOffsetController = folder.addBinding(this, 'uColorOffset', {\n      min: 0,\n      max: 1,\n      step: 0.001,\n      label: 'uColorOffset',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uColorOffset.value = value\n      })\n    })\n\n    this.uColorMultiplierController = folder.addBinding(this, 'uColorMultiplier', {\n      min: 0,\n      max: 10,\n      step: 0.001,\n      label: 'uColorMultiplier',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uColorMultiplier.value = value\n      })\n    })\n\n    this.uSunReflectionStrengthController = folder.addBinding(this, 'uSunReflectionStrength', {\n      min: 0,\n      max: 3,\n      step: 0.01,\n      label: 'Sun Reflection',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uSunReflectionStrength.value = value\n      })\n    })\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/browser/chunk-6K25QHWN.js

@@ -0,0 +1,70 @@
+import {
+  Game
+} from "./chunk-KRACPY5Q.js";
+import {
+  Actor
+} from "./chunk-KJJCXAUN.js";
+
+// src/World/Entity3D.ts
+import { AnimationMixer, Mesh } from "three";
+import { clone } from "three/examples/jsm/utils/SkeletonUtils.js";
+var Entity3D = class extends Actor {
+  constructor() {
+    super(...arguments);
+    this.animationsMap = /* @__PURE__ */ new Map();
+  }
+  initModel(model) {
+    this.instance = clone(model.scene);
+    this.instance.traverse((o) => {
+      if (o instanceof Mesh) {
+        o.castShadow = true;
+        o.receiveShadow = true;
+        const geometry = o.geometry;
+        geometry.computeBoundingBox();
+        geometry.computeBoundingSphere();
+        if (geometry.boundingBox) {
+          geometry.boundingBox.min.multiplyScalar(400);
+          geometry.boundingBox.max.multiplyScalar(400);
+        }
+        if (geometry.boundingSphere) {
+          geometry.boundingSphere.radius *= 400;
+        }
+      }
+    });
+    this.animationMixer = new AnimationMixer(this.instance);
+    model.animations.forEach((a) => this.animationsMap.set(a.name, this.animationMixer.clipAction(a)));
+    Game.instance().scene.add(this.instance);
+  }
+  destroy() {
+    super.destroy();
+    this.instance?.traverse((o) => {
+      if (o instanceof Mesh) {
+        o.geometry.dispose();
+      }
+    });
+    if (this.instance)
+      Game.instance().scene.remove(this.instance);
+  }
+  update(delta) {
+    this.animationMixer?.update(delta);
+    super.update(delta);
+  }
+  /**
+   * Blend between different animation states for this Entity3D
+   *
+   * https://threejs.org/examples/?q=skin#webgl_animation_skinning_morph
+   */
+  fadeToAction(action, duration) {
+    this.previousAction = this.activeAction;
+    this.activeAction = action;
+    if (this.previousAction !== this.activeAction) {
+      this.previousAction?.fadeOut(duration);
+    }
+    action.reset().setEffectiveTimeScale(1).setEffectiveWeight(1).fadeIn(duration).play();
+  }
+};
+
+export {
+  Entity3D
+};
+//# sourceMappingURL=chunk-6K25QHWN.js.map

package/dist/browser/chunk-6K25QHWN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/World/Entity3D.ts"],"sourcesContent":["import type { AnimationAction, Group, Object3DEventMap } from 'three'\nimport type { GLTF } from 'three/examples/jsm/loaders/GLTFLoader.js'\nimport { AnimationMixer, Mesh } from 'three'\nimport { clone } from 'three/examples/jsm/utils/SkeletonUtils.js'\nimport Game from '../Game'\nimport Actor from './Actor'\n\n/**\n * An object in the game world with an Object3D (or Mesh).\n */\nexport default class Entity3D extends Actor {\n  instance!: Group<Object3DEventMap>\n\n  animationMixer?: AnimationMixer\n  animationsMap = new Map<string, AnimationAction>()\n  previousAction?: AnimationAction\n  activeAction?: AnimationAction\n\n  protected initModel(model: GLTF) {\n    this.instance = clone(model.scene) as Group<Object3DEventMap>\n\n    this.instance.traverse((o) => {\n      if (o instanceof Mesh) {\n        o.castShadow = true\n        o.receiveShadow = true\n\n        const geometry = o.geometry\n        geometry.computeBoundingBox()\n        geometry.computeBoundingSphere()\n\n        if (geometry.boundingBox) {\n          geometry.boundingBox.min.multiplyScalar(400)\n          geometry.boundingBox.max.multiplyScalar(400)\n        }\n\n        if (geometry.boundingSphere) {\n          geometry.boundingSphere.radius *= 400\n        }\n      }\n    })\n\n    this.animationMixer = new AnimationMixer(this.instance)\n    model.animations.forEach(a => this.animationsMap!.set(a.name, this.animationMixer!.clipAction(a)))\n\n    Game.instance().scene.add(this.instance)\n  }\n\n  destroy(): void {\n    super.destroy()\n\n    this.instance?.traverse((o) => {\n      if (o instanceof Mesh) {\n        o.geometry.dispose()\n      }\n    })\n\n    if (this.instance)\n      Game.instance().scene.remove(this.instance)\n  }\n\n  update(delta: number): void {\n    this.animationMixer?.update(delta)\n\n    super.update(delta)\n  }\n\n  /**\n   * Blend between different animation states for this Entity3D\n   *\n   * https://threejs.org/examples/?q=skin#webgl_animation_skinning_morph\n   */\n  fadeToAction(action: AnimationAction, duration: number) {\n    this.previousAction = this.activeAction\n    this.activeAction = action\n\n    if (this.previousAction !== this.activeAction) {\n      this.previousAction?.fadeOut(duration)\n    }\n\n    action\n      .reset()\n      .setEffectiveTimeScale(1)\n      .setEffectiveWeight(1)\n      .fadeIn(duration)\n      .play()\n  }\n}\n"],"mappings":";;;;;;;;AAEA,SAAS,gBAAgB,YAAY;AACrC,SAAS,aAAa;AAOtB,IAAqB,WAArB,cAAsC,MAAM;AAAA,EAA5C;AAAA;AAIE,yBAAgB,oBAAI,IAA6B;AAAA;AAAA,EAIvC,UAAU,OAAa;AAC/B,SAAK,WAAW,MAAM,MAAM,KAAK;AAEjC,SAAK,SAAS,SAAS,CAAC,MAAM;AAC5B,UAAI,aAAa,MAAM;AACrB,UAAE,aAAa;AACf,UAAE,gBAAgB;AAElB,cAAM,WAAW,EAAE;AACnB,iBAAS,mBAAmB;AAC5B,iBAAS,sBAAsB;AAE/B,YAAI,SAAS,aAAa;AACxB,mBAAS,YAAY,IAAI,eAAe,GAAG;AAC3C,mBAAS,YAAY,IAAI,eAAe,GAAG;AAAA,QAC7C;AAEA,YAAI,SAAS,gBAAgB;AAC3B,mBAAS,eAAe,UAAU;AAAA,QACpC;AAAA,MACF;AAAA,IACF,CAAC;AAED,SAAK,iBAAiB,IAAI,eAAe,KAAK,QAAQ;AACtD,UAAM,WAAW,QAAQ,OAAK,KAAK,cAAe,IAAI,EAAE,MAAM,KAAK,eAAgB,WAAW,CAAC,CAAC,CAAC;AAEjG,SAAK,SAAS,EAAE,MAAM,IAAI,KAAK,QAAQ;AAAA,EACzC;AAAA,EAEA,UAAgB;AACd,UAAM,QAAQ;AAEd,SAAK,UAAU,SAAS,CAAC,MAAM;AAC7B,UAAI,aAAa,MAAM;AACrB,UAAE,SAAS,QAAQ;AAAA,MACrB;AAAA,IACF,CAAC;AAED,QAAI,KAAK;AACP,WAAK,SAAS,EAAE,MAAM,OAAO,KAAK,QAAQ;AAAA,EAC9C;AAAA,EAEA,OAAO,OAAqB;AAC1B,SAAK,gBAAgB,OAAO,KAAK;AAEjC,UAAM,OAAO,KAAK;AAAA,EACpB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,aAAa,QAAyB,UAAkB;AACtD,SAAK,iBAAiB,KAAK;AAC3B,SAAK,eAAe;AAEpB,QAAI,KAAK,mBAAmB,KAAK,cAAc;AAC7C,WAAK,gBAAgB,QAAQ,QAAQ;AAAA,IACvC;AAEA,WACG,MAAM,EACN,sBAAsB,CAAC,EACvB,mBAAmB,CAAC,EACpB,OAAO,QAAQ,EACf,KAAK;AAAA,EACV;AACF;","names":[]}

package/dist/browser/chunk-72INBIW4.js

@@ -0,0 +1,122 @@
+import {
+  Game
+} from "./chunk-PESPCN4F.js";
+
+// src/Prefab/Water/WaterManager.ts
+import { Vector2, Vector3 } from "three";
+var WaterManager = class _WaterManager {
+  constructor() {
+    this.uBigwavesElevation = 0.2;
+    this.uBigwavesFrequency = new Vector2(4, 1.5);
+    this.uBigWavesSpeed = 0.75;
+    this.uSurfaceColor = "#9bd8ff";
+    this.uDepthColor = "#186691";
+    this.uColorOffset = 0.08;
+    this.uColorMultiplier = 5;
+    this.sunPosition = new Vector3(0, 1, 0);
+    this.uSunReflectionStrength = 1;
+    this.waters = [];
+    _WaterManager.instance = this;
+    if (Game.instance().debug.active || Game.instance().editor) {
+      const waterFolder = Game.instance().debug.ui?.addFolder({ title: "Water" });
+      if (waterFolder)
+        this.addBindings(waterFolder);
+    }
+  }
+  static init() {
+    _WaterManager.instance = new _WaterManager();
+  }
+  addBindings(folder) {
+    this.uBigWavesElevationController = folder.addBinding(this, "uBigwavesElevation", {
+      min: 0,
+      max: 1,
+      step: 1e-3,
+      label: "Height"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesElevation.value = value;
+      });
+    });
+    this.uBigWavesFrequencyControllerX = folder.addBinding(this.uBigwavesFrequency, "x", {
+      min: 0,
+      max: 10,
+      step: 1e-3,
+      label: "FrequencyX"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesFrequency.value.setX(value);
+      });
+    });
+    this.uBigWavesFrequencyControllerY = folder.addBinding(this.uBigwavesFrequency, "y", {
+      min: 0,
+      max: 10,
+      step: 1e-3,
+      label: "FrequencyY"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesFrequency.value.setY(value);
+      });
+    });
+    this.uBigWavesSpeedController = folder.addBinding(this, "uBigWavesSpeed", {
+      min: 0,
+      max: 4,
+      step: 1e-3,
+      label: "Speed"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uBigWavesSpeed.value = value;
+      });
+    });
+    this.uSurfaceColorController = folder.addBinding(this, "uSurfaceColor", {
+      label: "Surface Color",
+      view: "color"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uSurfaceColor.value.set(value);
+      });
+    });
+    this.uDepthColorController = folder.addBinding(this, "uDepthColor", {
+      label: "Depth Color",
+      view: "color"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uDepthColor.value.set(value);
+      });
+    });
+    this.uColorOffsetController = folder.addBinding(this, "uColorOffset", {
+      min: 0,
+      max: 1,
+      step: 1e-3,
+      label: "uColorOffset"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uColorOffset.value = value;
+      });
+    });
+    this.uColorMultiplierController = folder.addBinding(this, "uColorMultiplier", {
+      min: 0,
+      max: 10,
+      step: 1e-3,
+      label: "uColorMultiplier"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uColorMultiplier.value = value;
+      });
+    });
+    this.uSunReflectionStrengthController = folder.addBinding(this, "uSunReflectionStrength", {
+      min: 0,
+      max: 3,
+      step: 0.01,
+      label: "Sun Reflection"
+    }).on("change", ({ value }) => {
+      this.waters.forEach((w) => {
+        w.material.uniforms.uSunReflectionStrength.value = value;
+      });
+    });
+  }
+};
+
+export {
+  WaterManager
+};
+//# sourceMappingURL=chunk-72INBIW4.js.map

package/dist/browser/chunk-72INBIW4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Prefab/Water/WaterManager.ts"],"sourcesContent":["import type { BindingApi, ContainerApi } from '@tweakpane/core'\nimport type Water from './Water'\nimport Game from '../../Game'\nimport { Vector2, Vector3 } from 'three'\n\nexport default class WaterManager {\n  uBigwavesElevation = 0.2\n  uBigWavesElevationController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uBigwavesFrequency = new Vector2(4, 1.5)\n  uBigWavesFrequencyControllerX: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n  uBigWavesFrequencyControllerY: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uBigWavesSpeed = 0.75\n  uBigWavesSpeedController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uSurfaceColor = '#9bd8ff'\n  uSurfaceColorController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uDepthColor = '#186691'\n  uDepthColorController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uColorOffset = 0.08\n  uColorOffsetController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  uColorMultiplier = 5.0\n  uColorMultiplierController: BindingApi<unknown, this['uBigwavesElevation'], any> | undefined\n\n  sunPosition = new Vector3(0, 1, 0)\n\n  uSunReflectionStrength = 1.0\n  uSunReflectionStrengthController: BindingApi<unknown, this['uSunReflectionStrength'], any> | undefined\n\n  waters: Water[] = []\n\n  static instance?: WaterManager\n\n  static init() {\n    WaterManager.instance = new WaterManager()\n  }\n\n  constructor() {\n    WaterManager.instance = this\n\n    if (Game.instance().debug.active || Game.instance().editor) {\n      const waterFolder = Game.instance().debug.ui?.addFolder({ title: 'Water' })\n      if (waterFolder)\n        this.addBindings(waterFolder)\n    }\n  }\n\n  addBindings(folder: ContainerApi): void {\n    this.uBigWavesElevationController = folder.addBinding(this, 'uBigwavesElevation', {\n      min: 0,\n      max: 1,\n      step: 0.001,\n      label: 'Height',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesElevation.value = value\n      })\n    })\n\n    this.uBigWavesFrequencyControllerX = folder.addBinding(this.uBigwavesFrequency, 'x', {\n      min: 0,\n      max: 10,\n      step: 0.001,\n      label: 'FrequencyX',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesFrequency.value.setX(value)\n      })\n    })\n\n    this.uBigWavesFrequencyControllerY = folder.addBinding(this.uBigwavesFrequency, 'y', {\n      min: 0,\n      max: 10,\n      step: 0.001,\n      label: 'FrequencyY',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesFrequency.value.setY(value)\n      })\n    })\n\n    this.uBigWavesSpeedController = folder.addBinding(this, 'uBigWavesSpeed', {\n      min: 0,\n      max: 4,\n      step: 0.001,\n      label: 'Speed',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uBigWavesSpeed.value = value\n      })\n    })\n\n    this.uSurfaceColorController = folder.addBinding(this, 'uSurfaceColor', {\n      label: 'Surface Color',\n      view: 'color',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uSurfaceColor.value.set(value)\n      })\n    })\n\n    this.uDepthColorController = folder.addBinding(this, 'uDepthColor', {\n      label: 'Depth Color',\n      view: 'color',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uDepthColor.value.set(value)\n      })\n    })\n\n    this.uColorOffsetController = folder.addBinding(this, 'uColorOffset', {\n      min: 0,\n      max: 1,\n      step: 0.001,\n      label: 'uColorOffset',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uColorOffset.value = value\n      })\n    })\n\n    this.uColorMultiplierController = folder.addBinding(this, 'uColorMultiplier', {\n      min: 0,\n      max: 10,\n      step: 0.001,\n      label: 'uColorMultiplier',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uColorMultiplier.value = value\n      })\n    })\n\n    this.uSunReflectionStrengthController = folder.addBinding(this, 'uSunReflectionStrength', {\n      min: 0,\n      max: 3,\n      step: 0.01,\n      label: 'Sun Reflection',\n    }).on('change', ({ value }) => {\n      this.waters.forEach((w) => {\n        w.material.uniforms.uSunReflectionStrength.value = value\n      })\n    })\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/browser/chunk-7QLYKS4T.js

@@ -0,0 +1,77 @@
+import {
+  EventEmitter
+} from "./chunk-HU53VGSY.js";
+
+// src/Utils/Resources.ts
+import { AudioLoader, CubeTextureLoader, TextureLoader } from "three";
+import { DRACOLoader } from "three/addons/loaders/DRACOLoader.js";
+import { GLTFLoader } from "three/addons/loaders/GLTFLoader.js";
+import { FontLoader, SVGLoader } from "three/examples/jsm/Addons.js";
+var Resources = class extends EventEmitter {
+  constructor(sources) {
+    super();
+    this.sources = sources;
+    this.items = {};
+    this.toLoad = this.sources.length;
+    this.loaded = 0;
+    this.loaders = {
+      gltfLoader: new GLTFLoader(),
+      textureLoader: new TextureLoader(),
+      cubeTextureLoader: new CubeTextureLoader(),
+      audioLoader: new AudioLoader(),
+      svgLoader: new SVGLoader(),
+      fontLoader: new FontLoader()
+    };
+    this.loaders.gltfLoader.dracoLoader = new DRACOLoader();
+    this.loaders.gltfLoader.dracoLoader.setDecoderPath("/draco/");
+    this.startLoading();
+  }
+  startLoading() {
+    this.sources.forEach((source) => {
+      const { type, path } = source;
+      const loadHandler = (loader, path2) => {
+        if (Array.isArray(path2)) {
+          path2.forEach((p) => loader.load(p, (data) => this.sourceLoaded(source, data)));
+        } else {
+          loader.load(path2, (data) => this.sourceLoaded(source, data));
+        }
+      };
+      switch (type) {
+        case "gltfModel":
+          loadHandler(this.loaders.gltfLoader, path);
+          break;
+        case "texture":
+          loadHandler(this.loaders.textureLoader, path);
+          break;
+        case "sound":
+          loadHandler(this.loaders.audioLoader, path);
+          break;
+        case "svg":
+          loadHandler(this.loaders.svgLoader, path);
+          break;
+        case "font":
+          loadHandler(this.loaders.fontLoader, path);
+          break;
+        case "cubeTexture":
+          this.loaders.cubeTextureLoader.load([...path], (data) => this.sourceLoaded(source, data));
+          break;
+      }
+    });
+  }
+  sourceLoaded(source, file) {
+    this.items[source.name] = file;
+    this.loaded++;
+    this.trigger("progress", {
+      loaded: this.loaded,
+      total: this.sources.length
+    });
+    if (this.loaded === this.toLoad) {
+      this.trigger("loaded");
+    }
+  }
+};
+
+export {
+  Resources
+};
+//# sourceMappingURL=chunk-7QLYKS4T.js.map

package/dist/browser/chunk-7QLYKS4T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Utils/Resources.ts"],"sourcesContent":["import type { CubeTexture, Texture } from 'three'\nimport type { GLTF } from 'three/addons/loaders/GLTFLoader.js'\nimport type { Font, SVGResult } from 'three/examples/jsm/Addons.js'\nimport type { Asset } from '../Types/Asset'\nimport { AudioLoader, CubeTextureLoader, TextureLoader } from 'three'\nimport { DRACOLoader } from 'three/addons/loaders/DRACOLoader.js'\nimport { GLTFLoader } from 'three/addons/loaders/GLTFLoader.js'\nimport { FontLoader, SVGLoader } from 'three/examples/jsm/Addons.js'\nimport EventEmitter from './EventEmitter'\n\ntype AssetType = GLTF | Texture | CubeTexture | AudioBuffer | SVGResult | Font\n\nexport default class Resources extends EventEmitter {\n  sources: Asset[]\n  loaded: number\n  toLoad: number\n  items: { [key: string]: AssetType }\n\n  loaders!: {\n    gltfLoader: GLTFLoader\n    textureLoader: TextureLoader\n    cubeTextureLoader: CubeTextureLoader\n    audioLoader: AudioLoader\n    svgLoader: SVGLoader\n    fontLoader: FontLoader\n  }\n\n  constructor(sources: Asset[]) {\n    super()\n\n    this.sources = sources\n\n    this.items = {}\n    this.toLoad = this.sources.length\n    this.loaded = 0\n\n    this.loaders = {\n      gltfLoader: new GLTFLoader(),\n      textureLoader: new TextureLoader(),\n      cubeTextureLoader: new CubeTextureLoader(),\n      audioLoader: new AudioLoader(),\n      svgLoader: new SVGLoader(),\n      fontLoader: new FontLoader(),\n    }\n    this.loaders.gltfLoader.dracoLoader = new DRACOLoader()\n    this.loaders.gltfLoader.dracoLoader.setDecoderPath('/draco/')\n\n    this.startLoading()\n  }\n\n  startLoading() {\n    this.sources.forEach((source) => {\n      const { type, path } = source\n\n      const loadHandler = (loader: GLTFLoader | TextureLoader | AudioLoader | SVGLoader | FontLoader, path: string | string[]) => {\n        if (Array.isArray(path)) {\n          path.forEach(p => loader.load(p, data => this.sourceLoaded(source, data)))\n        }\n        else {\n          loader.load(path, data => this.sourceLoaded(source, data))\n        }\n      }\n\n      switch (type) {\n        case 'gltfModel':\n          loadHandler(this.loaders.gltfLoader, path)\n          break\n        case 'texture':\n          loadHandler(this.loaders.textureLoader, path)\n          break\n        case 'sound':\n          loadHandler(this.loaders.audioLoader, path)\n          break\n        case 'svg':\n          loadHandler(this.loaders.svgLoader, path)\n          break\n        case 'font':\n          loadHandler(this.loaders.fontLoader, path)\n          break\n        case 'cubeTexture':\n          this.loaders.cubeTextureLoader.load([...path], data => this.sourceLoaded(source, data))\n          break\n      }\n    })\n  }\n\n  private sourceLoaded(source: Asset, file: AssetType) {\n    this.items[source.name] = file\n    this.loaded++\n\n    this.trigger('progress', {\n      loaded: this.loaded,\n      total: this.sources.length,\n    })\n\n    if (this.loaded === this.toLoad) {\n      this.trigger('loaded')\n    }\n  }\n}\n"],"mappings":";;;;;AAIA,SAAS,aAAa,mBAAmB,qBAAqB;AAC9D,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,YAAY,iBAAiB;AAKtC,IAAqB,YAArB,cAAuC,aAAa;AAAA,EAelD,YAAY,SAAkB;AAC5B,UAAM;AAEN,SAAK,UAAU;AAEf,SAAK,QAAQ,CAAC;AACd,SAAK,SAAS,KAAK,QAAQ;AAC3B,SAAK,SAAS;AAEd,SAAK,UAAU;AAAA,MACb,YAAY,IAAI,WAAW;AAAA,MAC3B,eAAe,IAAI,cAAc;AAAA,MACjC,mBAAmB,IAAI,kBAAkB;AAAA,MACzC,aAAa,IAAI,YAAY;AAAA,MAC7B,WAAW,IAAI,UAAU;AAAA,MACzB,YAAY,IAAI,WAAW;AAAA,IAC7B;AACA,SAAK,QAAQ,WAAW,cAAc,IAAI,YAAY;AACtD,SAAK,QAAQ,WAAW,YAAY,eAAe,SAAS;AAE5D,SAAK,aAAa;AAAA,EACpB;AAAA,EAEA,eAAe;AACb,SAAK,QAAQ,QAAQ,CAAC,WAAW;AAC/B,YAAM,EAAE,MAAM,KAAK,IAAI;AAEvB,YAAM,cAAc,CAAC,QAA2EA,UAA4B;AAC1H,YAAI,MAAM,QAAQA,KAAI,GAAG;AACvB,UAAAA,MAAK,QAAQ,OAAK,OAAO,KAAK,GAAG,UAAQ,KAAK,aAAa,QAAQ,IAAI,CAAC,CAAC;AAAA,QAC3E,OACK;AACH,iBAAO,KAAKA,OAAM,UAAQ,KAAK,aAAa,QAAQ,IAAI,CAAC;AAAA,QAC3D;AAAA,MACF;AAEA,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,sBAAY,KAAK,QAAQ,YAAY,IAAI;AACzC;AAAA,QACF,KAAK;AACH,sBAAY,KAAK,QAAQ,eAAe,IAAI;AAC5C;AAAA,QACF,KAAK;AACH,sBAAY,KAAK,QAAQ,aAAa,IAAI;AAC1C;AAAA,QACF,KAAK;AACH,sBAAY,KAAK,QAAQ,WAAW,IAAI;AACxC;AAAA,QACF,KAAK;AACH,sBAAY,KAAK,QAAQ,YAAY,IAAI;AACzC;AAAA,QACF,KAAK;AACH,eAAK,QAAQ,kBAAkB,KAAK,CAAC,GAAG,IAAI,GAAG,UAAQ,KAAK,aAAa,QAAQ,IAAI,CAAC;AACtF;AAAA,MACJ;AAAA,IACF,CAAC;AAAA,EACH;AAAA,EAEQ,aAAa,QAAe,MAAiB;AACnD,SAAK,MAAM,OAAO,IAAI,IAAI;AAC1B,SAAK;AAEL,SAAK,QAAQ,YAAY;AAAA,MACvB,QAAQ,KAAK;AAAA,MACb,OAAO,KAAK,QAAQ;AAAA,IACtB,CAAC;AAED,QAAI,KAAK,WAAW,KAAK,QAAQ;AAC/B,WAAK,QAAQ,QAAQ;AAAA,IACvB;AAAA,EACF;AACF;","names":["path"]}

package/dist/browser/chunk-7ZSIOAT6.js

@@ -0,0 +1,56 @@
+import {
+  Game
+} from "./chunk-A5XMBADG.js";
+
+// src/ui/ObjectLabel.ts
+import { Vector3 } from "three";
+var ObjectLabel = class {
+  constructor(entity, offset = new Vector3(0)) {
+    this.entity = entity;
+    this.offset = offset;
+  }
+  init() {
+    this.domElement = this.createElement();
+  }
+  update(_delta) {
+    const worldPosition = "getWorldPosition" in this.entity ? this.entity.getWorldPosition(new Vector3()) : this.entity.position.clone();
+    const screenPosition = worldPosition.clone().add(this.offset);
+    screenPosition.project(Game.instance().camera.instance);
+    const screenX = screenPosition.x;
+    const screenY = screenPosition.y;
+    const isVisible = screenX >= -1 && screenX <= 1 && screenY >= -1 && screenY <= 1 && screenPosition.z >= 0 && screenPosition.z <= 1;
+    if (isVisible) {
+      if (!document.body.contains(this.domElement)) {
+        document.body.appendChild(this.domElement);
+      }
+      const rect = Game.instance().canvas.getBoundingClientRect();
+      const canvasOffsetX = rect.left + rect.width / 2 - window.innerWidth / 2;
+      const canvasOffsetY = rect.top + rect.height / 2 - window.innerHeight / 2;
+      const translateX = screenX * rect.width / 2 + canvasOffsetX;
+      const translateY = -screenY * rect.height / 2 + canvasOffsetY;
+      this.domElement.style.transform = `translateX(${translateX}px) translateY(${translateY}px) translate(-50%, -50%)`;
+      const cameraPos = Game.instance().camera.instance.position;
+      const distance = worldPosition.distanceTo(cameraPos);
+      const maxDistance = 40;
+      const minDistance = 2;
+      const clampedDistance = Math.min(Math.max(distance, minDistance), maxDistance);
+      const t = 1 - (clampedDistance - minDistance) / (maxDistance - minDistance);
+      const scale = 0.5 + t * 0.5;
+      const opacity = t;
+      this.domElement.style.opacity = opacity.toFixed(2);
+      this.domElement.style.transform += ` scale(${scale.toFixed(2)})`;
+    } else {
+      if (document.body.contains(this.domElement)) {
+        this.domElement.remove();
+      }
+    }
+  }
+  destroy() {
+    this.domElement.remove();
+  }
+};
+
+export {
+  ObjectLabel
+};
+//# sourceMappingURL=chunk-7ZSIOAT6.js.map

package/dist/browser/chunk-7ZSIOAT6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/ObjectLabel.ts"],"sourcesContent":["import type { Object3D } from 'three'\nimport type GameObject from '../World/GameObject'\nimport type GameObjectInterface from '../World/GameObjectInterface'\nimport { Vector3 } from 'three'\nimport Game from '../Game'\n\nexport default abstract class ObjectLabel implements GameObjectInterface {\n  protected entity: Object3D | GameObject\n  public domElement!: HTMLDivElement\n  public offset: Vector3\n\n  constructor(entity: Object3D | GameObject, offset: Vector3 = new Vector3(0)) {\n    this.entity = entity\n    this.offset = offset\n  }\n\n  protected init() {\n    this.domElement = this.createElement()\n  }\n\n  protected abstract createElement(): HTMLDivElement\n\n  update(_delta: number): void {\n    const worldPosition\n      = 'getWorldPosition' in this.entity\n        ? this.entity.getWorldPosition(new Vector3())\n        : this.entity.position.clone()\n\n    const screenPosition = worldPosition.clone().add(this.offset)\n    screenPosition.project(Game.instance().camera.instance)\n\n    const screenX = screenPosition.x\n    const screenY = screenPosition.y\n\n    const isVisible\n      = screenX >= -1 && screenX <= 1\n        && screenY >= -1 && screenY <= 1\n        && screenPosition.z >= 0 && screenPosition.z <= 1\n\n    if (isVisible) {\n      if (!document.body.contains(this.domElement)) {\n        document.body.appendChild(this.domElement)\n      }\n\n      const rect = Game.instance().canvas.getBoundingClientRect()\n      const canvasOffsetX = rect.left + rect.width / 2 - window.innerWidth / 2\n      const canvasOffsetY = rect.top + rect.height / 2 - window.innerHeight / 2\n      const translateX = screenX * rect.width / 2 + canvasOffsetX\n      const translateY = -screenY * rect.height / 2 + canvasOffsetY\n\n      this.domElement.style.transform\n        = `translateX(${translateX}px) translateY(${translateY}px) translate(-50%, -50%)`\n\n      const cameraPos = Game.instance().camera.instance.position\n      const distance = worldPosition.distanceTo(cameraPos)\n\n      const maxDistance = 40\n      const minDistance = 2\n\n      const clampedDistance = Math.min(Math.max(distance, minDistance), maxDistance)\n      const t = 1 - (clampedDistance - minDistance) / (maxDistance - minDistance)\n\n      const scale = 0.5 + t * 0.5\n      const opacity = t\n\n      this.domElement.style.opacity = opacity.toFixed(2)\n      this.domElement.style.transform += ` scale(${scale.toFixed(2)})`\n    }\n    else {\n      if (document.body.contains(this.domElement)) {\n        this.domElement.remove()\n      }\n    }\n  }\n\n  destroy(): void {\n    this.domElement.remove()\n  }\n}\n"],"mappings":";;;;;AAGA,SAAS,eAAe;AAGxB,IAA8B,cAA9B,MAAyE;AAAA,EAKvE,YAAY,QAA+B,SAAkB,IAAI,QAAQ,CAAC,GAAG;AAC3E,SAAK,SAAS;AACd,SAAK,SAAS;AAAA,EAChB;AAAA,EAEU,OAAO;AACf,SAAK,aAAa,KAAK,cAAc;AAAA,EACvC;AAAA,EAIA,OAAO,QAAsB;AAC3B,UAAM,gBACF,sBAAsB,KAAK,SACzB,KAAK,OAAO,iBAAiB,IAAI,QAAQ,CAAC,IAC1C,KAAK,OAAO,SAAS,MAAM;AAEjC,UAAM,iBAAiB,cAAc,MAAM,EAAE,IAAI,KAAK,MAAM;AAC5D,mBAAe,QAAQ,KAAK,SAAS,EAAE,OAAO,QAAQ;AAEtD,UAAM,UAAU,eAAe;AAC/B,UAAM,UAAU,eAAe;AAE/B,UAAM,YACF,WAAW,MAAM,WAAW,KACzB,WAAW,MAAM,WAAW,KAC5B,eAAe,KAAK,KAAK,eAAe,KAAK;AAEpD,QAAI,WAAW;AACb,UAAI,CAAC,SAAS,KAAK,SAAS,KAAK,UAAU,GAAG;AAC5C,iBAAS,KAAK,YAAY,KAAK,UAAU;AAAA,MAC3C;AAEA,YAAM,OAAO,KAAK,SAAS,EAAE,OAAO,sBAAsB;AAC1D,YAAM,gBAAgB,KAAK,OAAO,KAAK,QAAQ,IAAI,OAAO,aAAa;AACvE,YAAM,gBAAgB,KAAK,MAAM,KAAK,SAAS,IAAI,OAAO,cAAc;AACxE,YAAM,aAAa,UAAU,KAAK,QAAQ,IAAI;AAC9C,YAAM,aAAa,CAAC,UAAU,KAAK,SAAS,IAAI;AAEhD,WAAK,WAAW,MAAM,YAClB,cAAc,UAAU,kBAAkB,UAAU;AAExD,YAAM,YAAY,KAAK,SAAS,EAAE,OAAO,SAAS;AAClD,YAAM,WAAW,cAAc,WAAW,SAAS;AAEnD,YAAM,cAAc;AACpB,YAAM,cAAc;AAEpB,YAAM,kBAAkB,KAAK,IAAI,KAAK,IAAI,UAAU,WAAW,GAAG,WAAW;AAC7E,YAAM,IAAI,KAAK,kBAAkB,gBAAgB,cAAc;AAE/D,YAAM,QAAQ,MAAM,IAAI;AACxB,YAAM,UAAU;AAEhB,WAAK,WAAW,MAAM,UAAU,QAAQ,QAAQ,CAAC;AACjD,WAAK,WAAW,MAAM,aAAa,UAAU,MAAM,QAAQ,CAAC,CAAC;AAAA,IAC/D,OACK;AACH,UAAI,SAAS,KAAK,SAAS,KAAK,UAAU,GAAG;AAC3C,aAAK,WAAW,OAAO;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAgB;AACd,SAAK,WAAW,OAAO;AAAA,EACzB;AACF;","names":[]}