@series-inc/rundot-3d-engine 0.5.13 → 0.5.15

package/dist/systems/index.js

@@ -58,7 +58,7 @@ import {
   VenusGame,
   createCollisionGroup,
   isTransformComponent
-} from "../chunk-ETKDCGQV.js";
+} from "../chunk-JD4M2BHR.js";
 import {
   __decorateClass,
   __publicField
@@ -109,8 +109,53 @@ BoxColliderComponent = __decorateClass([
   PrefabComponent("box")
 ], BoxColliderComponent);
 
-// src/systems/physics/MeshColliderComponent.ts
+// src/systems/physics/SphereColliderComponent.ts
 import * as THREE2 from "three";
+var SphereColliderComponent = class extends Component {
+  static fromPrefabJSON(json, _node) {
+    if (!json.isCollider) {
+      return null;
+    }
+    const radius = json.radius ?? 0.5;
+    const offset = new THREE2.Vector3(json.offset[0], json.offset[1], json.offset[2]);
+    const bodyType = json.bodyType ?? "static" /* STATIC */;
+    return new SphereColliderComponent(radius, offset, bodyType, json.isSensor, json.enableCollisionEvents);
+  }
+  rigidBody = null;
+  radius;
+  offset;
+  bodyType;
+  isSensor;
+  enableCollisionEvents;
+  constructor(radius, offset, bodyType = "static" /* STATIC */, isSensor, enableCollisionEvents) {
+    super();
+    this.radius = radius;
+    this.offset = offset;
+    this.bodyType = bodyType;
+    this.isSensor = isSensor;
+    this.enableCollisionEvents = enableCollisionEvents;
+  }
+  onCreate() {
+    this.rigidBody = new RigidBodyComponentThree({
+      type: this.bodyType,
+      shape: "sphere" /* SPHERE */,
+      radius: this.radius,
+      centerOffset: this.offset,
+      isSensor: this.isSensor,
+      enableCollisionEvents: this.enableCollisionEvents
+    });
+    this.gameObject.addComponent(this.rigidBody);
+  }
+  getRigidBody() {
+    return this.rigidBody;
+  }
+};
+SphereColliderComponent = __decorateClass([
+  PrefabComponent("sphere")
+], SphereColliderComponent);
+
+// src/systems/physics/MeshColliderComponent.ts
+import * as THREE3 from "three";
 var MeshColliderComponent = class extends Component {
   static fromPrefabJSON(json, node) {
     const colliderType = json.colliderType ?? "bounding_box";
@@ -149,9 +194,9 @@ var MeshColliderComponent = class extends Component {
   static collectVertices(meshGroup, scale) {
     meshGroup.updateMatrixWorld(true);
     const allVertices = [];
-    const vertex = new THREE2.Vector3();
+    const vertex = new THREE3.Vector3();
     meshGroup.traverse((child) => {
-      if (child instanceof THREE2.Mesh && child.geometry) {
+      if (child instanceof THREE3.Mesh && child.geometry) {
         const posAttr = child.geometry.getAttribute("position");
         if (!posAttr) return;
         for (let i = 0; i < posAttr.count; i++) {
@@ -175,10 +220,10 @@ var MeshColliderComponent = class extends Component {
    */
   static computeBounds(meshGroup, scale) {
     meshGroup.updateMatrixWorld(true);
-    const box = new THREE2.Box3();
+    const box = new THREE3.Box3();
     let foundMesh = false;
     meshGroup.traverse((child) => {
-      if (child instanceof THREE2.Mesh && child.geometry) {
+      if (child instanceof THREE3.Mesh && child.geometry) {
         foundMesh = true;
         if (!child.geometry.boundingBox) {
           child.geometry.computeBoundingBox();
@@ -191,10 +236,10 @@ var MeshColliderComponent = class extends Component {
       }
     });
     if (!foundMesh || box.isEmpty()) return null;
-    const size = new THREE2.Vector3();
+    const size = new THREE3.Vector3();
     box.getSize(size);
     size.multiply(scale);
-    const center = new THREE2.Vector3();
+    const center = new THREE3.Vector3();
     box.getCenter(center);
     center.multiply(scale);
     return { size, center };
@@ -214,7 +259,7 @@ var MeshColliderComponent = class extends Component {
           type: this.bodyType,
           shape: "convex_hull" /* CONVEX_HULL */,
           vertices,
-          centerOffset: new THREE2.Vector3(0, 0, 0),
+          centerOffset: new THREE3.Vector3(0, 0, 0),
           isSensor: this.isSensor,
           enableCollisionEvents: this.enableCollisionEvents
         });
@@ -244,7 +289,7 @@ MeshColliderComponent = __decorateClass([
 ], MeshColliderComponent);
 
 // src/systems/debug/RenderingDebugger.ts
-import * as THREE3 from "three";
+import * as THREE4 from "three";
 var RenderingDebugger = class _RenderingDebugger {
   /**
    * Get comprehensive rendering statistics from AssetManager
@@ -451,8 +496,8 @@ var RenderingDebugger = class _RenderingDebugger {
     console.log(
       `\u{1F535} Culling radius: ${batch.cullingRadius.toFixed(2)} (encompasses entire geometry)`
     );
-    const frustum = new THREE3.Frustum();
-    const cameraMatrix = new THREE3.Matrix4().multiplyMatrices(
+    const frustum = new THREE4.Frustum();
+    const cameraMatrix = new THREE4.Matrix4().multiplyMatrices(
       camera.projectionMatrix,
       camera.matrixWorldInverse
     );
@@ -460,12 +505,12 @@ var RenderingDebugger = class _RenderingDebugger {
     let visibleCount = 0;
     let culledCount = 0;
     batch.instances.forEach((instance, index) => {
-      const position = new THREE3.Vector3().setFromMatrixPosition(instance.matrix);
-      const scale = new THREE3.Vector3().setFromMatrixScale(instance.matrix);
+      const position = new THREE4.Vector3().setFromMatrixPosition(instance.matrix);
+      const scale = new THREE4.Vector3().setFromMatrixScale(instance.matrix);
       const maxScale = Math.max(scale.x, scale.y, scale.z);
       const actualRadius = batch.cullingRadius * maxScale;
       const paddedRadius = actualRadius * 1.2;
-      const isVisible = frustum.intersectsSphere(new THREE3.Sphere(position, paddedRadius));
+      const isVisible = frustum.intersectsSphere(new THREE4.Sphere(position, paddedRadius));
       if (index < 5) {
         console.log(
           `  Instance ${index}: pos(${position.x.toFixed(1)}, ${position.z.toFixed(1)}), radius: ${paddedRadius.toFixed(2)}, visible: ${isVisible}`
@@ -557,10 +602,10 @@ var RenderingDebugger = class _RenderingDebugger {
 };
 
 // src/systems/debug/DebugPanelThree.ts
-import * as THREE9 from "three";
+import * as THREE10 from "three";
 
 // src/systems/navigation/DynamicNavSystem.ts
-import * as THREE5 from "three";
+import * as THREE6 from "three";
 
 // src/systems/navigation/NavigationGrid.ts
 var NavigationGrid = class _NavigationGrid {
@@ -936,7 +981,7 @@ var NavigationGrid = class _NavigationGrid {
 };
 
 // src/systems/navigation/NavGridDebugDisplayThree.ts
-import * as THREE4 from "three";
+import * as THREE5 from "three";
 var NavGridDebugDisplayThree = class _NavGridDebugDisplayThree {
   static isInitialized = false;
   static scene = null;
@@ -1000,38 +1045,38 @@ var NavGridDebugDisplayThree = class _NavGridDebugDisplayThree {
         const worldPos = navigationGrid.gridToWorld(col, row);
         if (col < dimensions.cols) {
           const nextWorldPos = navigationGrid.gridToWorld(col + 1, row);
-          points.push(new THREE4.Vector3(worldPos.x, 0.1, worldPos.z));
-          points.push(new THREE4.Vector3(nextWorldPos.x, 0.1, nextWorldPos.z));
+          points.push(new THREE5.Vector3(worldPos.x, 0.1, worldPos.z));
+          points.push(new THREE5.Vector3(nextWorldPos.x, 0.1, nextWorldPos.z));
         }
         if (row < dimensions.rows) {
           const nextWorldPos = navigationGrid.gridToWorld(col, row + 1);
-          points.push(new THREE4.Vector3(worldPos.x, 0.1, worldPos.z));
-          points.push(new THREE4.Vector3(nextWorldPos.x, 0.1, nextWorldPos.z));
+          points.push(new THREE5.Vector3(worldPos.x, 0.1, worldPos.z));
+          points.push(new THREE5.Vector3(nextWorldPos.x, 0.1, nextWorldPos.z));
         }
       }
     }
-    const geometry = new THREE4.BufferGeometry().setFromPoints(points);
-    const material = new THREE4.LineBasicMaterial({
+    const geometry = new THREE5.BufferGeometry().setFromPoints(points);
+    const material = new THREE5.LineBasicMaterial({
       color: 65280,
       // Green for walkable grid
       transparent: true,
       opacity: 0.3
     });
-    _NavGridDebugDisplayThree.debugLines = new THREE4.LineSegments(geometry, material);
+    _NavGridDebugDisplayThree.debugLines = new THREE5.LineSegments(geometry, material);
     _NavGridDebugDisplayThree.scene.add(_NavGridDebugDisplayThree.debugLines);
   }
   /**
    * Create red cubes for blocked areas
    */
   static createBlockedAreas(navigationGrid, dimensions, gridData) {
-    _NavGridDebugDisplayThree.blockedCubes = new THREE4.Group();
+    _NavGridDebugDisplayThree.blockedCubes = new THREE5.Group();
     _NavGridDebugDisplayThree.scene.add(_NavGridDebugDisplayThree.blockedCubes);
-    const cubeGeometry = new THREE4.BoxGeometry(
+    const cubeGeometry = new THREE5.BoxGeometry(
       dimensions.gridSize * 0.8,
       0.2,
       dimensions.gridSize * 0.8
     );
-    const blockedMaterial = new THREE4.MeshBasicMaterial({
+    const blockedMaterial = new THREE5.MeshBasicMaterial({
       color: 16711680,
       // Red for blocked areas
       transparent: true,
@@ -1041,7 +1086,7 @@ var NavGridDebugDisplayThree = class _NavGridDebugDisplayThree {
       for (let col = 0; col < dimensions.cols; col++) {
         if (!navigationGrid.isWalkable(col, row)) {
           const worldPos = navigationGrid.gridToWorld(col, row);
-          const cube = new THREE4.Mesh(cubeGeometry, blockedMaterial);
+          const cube = new THREE5.Mesh(cubeGeometry, blockedMaterial);
           cube.position.set(worldPos.x, 0.1, worldPos.z);
           _NavGridDebugDisplayThree.blockedCubes.add(cube);
         }
@@ -1061,9 +1106,9 @@ var NavGridDebugDisplayThree = class _NavGridDebugDisplayThree {
     if (_NavGridDebugDisplayThree.blockedCubes && _NavGridDebugDisplayThree.scene) {
       _NavGridDebugDisplayThree.scene.remove(_NavGridDebugDisplayThree.blockedCubes);
       _NavGridDebugDisplayThree.blockedCubes.children.forEach((child) => {
-        if (child instanceof THREE4.Mesh) {
+        if (child instanceof THREE5.Mesh) {
           child.geometry.dispose();
-          if (child.material instanceof THREE4.Material) {
+          if (child.material instanceof THREE5.Material) {
             child.material.dispose();
           }
         }
@@ -1186,10 +1231,10 @@ var DynamicNavSystem = class _DynamicNavSystem {
     const footprint = {
       type: "polygon",
       vertices: [
-        new THREE5.Vector3(x - halfWidth, 0, z - halfDepth),
-        new THREE5.Vector3(x + halfWidth, 0, z - halfDepth),
-        new THREE5.Vector3(x + halfWidth, 0, z + halfDepth),
-        new THREE5.Vector3(x - halfWidth, 0, z + halfDepth)
+        new THREE6.Vector3(x - halfWidth, 0, z - halfDepth),
+        new THREE6.Vector3(x + halfWidth, 0, z - halfDepth),
+        new THREE6.Vector3(x + halfWidth, 0, z + halfDepth),
+        new THREE6.Vector3(x - halfWidth, 0, z + halfDepth)
       ]
     };
     _DynamicNavSystem.navigationGrid.addObstacle(footprint);
@@ -1211,10 +1256,10 @@ var DynamicNavSystem = class _DynamicNavSystem {
     const footprint = {
       type: "polygon",
       vertices: [
-        new THREE5.Vector3(x - halfWidth, 0, z - halfDepth),
-        new THREE5.Vector3(x + halfWidth, 0, z - halfDepth),
-        new THREE5.Vector3(x + halfWidth, 0, z + halfDepth),
-        new THREE5.Vector3(x - halfWidth, 0, z + halfDepth)
+        new THREE6.Vector3(x - halfWidth, 0, z - halfDepth),
+        new THREE6.Vector3(x + halfWidth, 0, z - halfDepth),
+        new THREE6.Vector3(x + halfWidth, 0, z + halfDepth),
+        new THREE6.Vector3(x - halfWidth, 0, z + halfDepth)
       ]
     };
     _DynamicNavSystem.navigationGrid.removeObstacle(footprint);
@@ -1224,7 +1269,7 @@ var DynamicNavSystem = class _DynamicNavSystem {
     const rigidBody = gameObject.getComponent(RigidBodyComponentThree);
     if (!rigidBody) return;
     const bounds = rigidBody.getBounds();
-    const boundsSize = bounds.getSize(new THREE5.Vector3());
+    const boundsSize = bounds.getSize(new THREE6.Vector3());
     _DynamicNavSystem.addBoxObstacleFromBounds(gameObject, boundsSize);
   }
   /**
@@ -1233,9 +1278,9 @@ var DynamicNavSystem = class _DynamicNavSystem {
    * @param boundsSize The size from renderer bounds (uses X and Z for navigation)
    */
   static addBoxObstacleFromBounds(gameObject, boundsSize) {
-    const worldPos = gameObject.getWorldPosition(new THREE5.Vector3());
-    const worldRotation = gameObject.getWorldQuaternion(new THREE5.Quaternion());
-    const euler = new THREE5.Euler().setFromQuaternion(worldRotation);
+    const worldPos = gameObject.getWorldPosition(new THREE6.Vector3());
+    const worldRotation = gameObject.getWorldQuaternion(new THREE6.Quaternion());
+    const euler = new THREE6.Euler().setFromQuaternion(worldRotation);
     const rotationY = euler.y;
     let width = boundsSize.x;
     let depth = boundsSize.z;
@@ -1262,15 +1307,15 @@ var DynamicNavSystem = class _DynamicNavSystem {
       return "";
     }
     gameObject.updateMatrixWorld(true);
-    const worldPos = gameObject.getWorldPosition(new THREE5.Vector3());
-    const worldRotation = gameObject.getWorldQuaternion(new THREE5.Quaternion());
+    const worldPos = gameObject.getWorldPosition(new THREE6.Vector3());
+    const worldRotation = gameObject.getWorldQuaternion(new THREE6.Quaternion());
     const halfWidth = boundsSize.x * 0.5;
     const halfDepth = boundsSize.z * 0.5;
     const corners = [
-      new THREE5.Vector3(-halfWidth, 0, -halfDepth),
-      new THREE5.Vector3(halfWidth, 0, -halfDepth),
-      new THREE5.Vector3(halfWidth, 0, halfDepth),
-      new THREE5.Vector3(-halfWidth, 0, halfDepth)
+      new THREE6.Vector3(-halfWidth, 0, -halfDepth),
+      new THREE6.Vector3(halfWidth, 0, -halfDepth),
+      new THREE6.Vector3(halfWidth, 0, halfDepth),
+      new THREE6.Vector3(-halfWidth, 0, halfDepth)
     ];
     const rotatedCorners = corners.map((corner) => {
       const rotated = corner.clone();
@@ -1318,13 +1363,13 @@ var DynamicNavSystem = class _DynamicNavSystem {
    */
   static findPath(startPos, endPos) {
     let start, end;
-    if (startPos instanceof THREE5.Vector3) {
-      start = new THREE5.Vector2(startPos.x, startPos.z);
+    if (startPos instanceof THREE6.Vector3) {
+      start = new THREE6.Vector2(startPos.x, startPos.z);
     } else {
       start = startPos;
     }
-    if (endPos instanceof THREE5.Vector3) {
-      end = new THREE5.Vector2(endPos.x, endPos.z);
+    if (endPos instanceof THREE6.Vector3) {
+      end = new THREE6.Vector2(endPos.x, endPos.z);
     } else {
       end = endPos;
     }
@@ -1606,15 +1651,15 @@ var DynamicNavSystem = class _DynamicNavSystem {
       return _DynamicNavSystem.hasLineOfSight({ x: startX, z: startZ }, { x: endX, z: endZ });
     }
     const result = _DynamicNavSystem.findPath(
-      new THREE5.Vector2(startX, startZ),
-      new THREE5.Vector2(endX, endZ)
+      new THREE6.Vector2(startX, startZ),
+      new THREE6.Vector2(endX, endZ)
     );
     return result.success;
   }
 };
 
 // src/systems/navigation/PathVisualizationThree.ts
-import * as THREE6 from "three";
+import * as THREE7 from "three";
 var PathVisualizationThree = class _PathVisualizationThree {
   static scene = null;
   static isInitialized = false;
@@ -1644,26 +1689,26 @@ var PathVisualizationThree = class _PathVisualizationThree {
    * Create materials for different visual elements
    */
   static createMaterials() {
-    _PathVisualizationThree.pathMaterial = new THREE6.LineBasicMaterial({
+    _PathVisualizationThree.pathMaterial = new THREE7.LineBasicMaterial({
       color: 16776960,
       // Bright yellow
       linewidth: 3,
       transparent: true,
       opacity: 0.8
     });
-    _PathVisualizationThree.waypointMaterial = new THREE6.MeshBasicMaterial({
+    _PathVisualizationThree.waypointMaterial = new THREE7.MeshBasicMaterial({
       color: 16744448,
       // Orange
       transparent: true,
       opacity: 0.9
     });
-    _PathVisualizationThree.startMaterial = new THREE6.MeshBasicMaterial({
+    _PathVisualizationThree.startMaterial = new THREE7.MeshBasicMaterial({
       color: 65280,
       // Bright green
       transparent: true,
       opacity: 0.9
     });
-    _PathVisualizationThree.endMaterial = new THREE6.MeshBasicMaterial({
+    _PathVisualizationThree.endMaterial = new THREE7.MeshBasicMaterial({
       color: 16711680,
       // Bright red
       transparent: true,
@@ -1781,8 +1826,8 @@ var PathVisualizationThree = class _PathVisualizationThree {
    */
   static createStartMarker(pathId, x, z) {
     if (!_PathVisualizationThree.scene || !_PathVisualizationThree.startMaterial) return null;
-    const geometry = new THREE6.SphereGeometry(0.5, 16, 16);
-    const marker = new THREE6.Mesh(geometry, _PathVisualizationThree.startMaterial);
+    const geometry = new THREE7.SphereGeometry(0.5, 16, 16);
+    const marker = new THREE7.Mesh(geometry, _PathVisualizationThree.startMaterial);
     marker.position.set(x, 0.5, z);
     marker.name = `PathStartMarker_${pathId}`;
     _PathVisualizationThree.scene.add(marker);
@@ -1793,8 +1838,8 @@ var PathVisualizationThree = class _PathVisualizationThree {
    */
   static createEndMarker(pathId, x, z) {
     if (!_PathVisualizationThree.scene || !_PathVisualizationThree.endMaterial) return null;
-    const geometry = new THREE6.SphereGeometry(0.5, 16, 16);
-    const marker = new THREE6.Mesh(geometry, _PathVisualizationThree.endMaterial);
+    const geometry = new THREE7.SphereGeometry(0.5, 16, 16);
+    const marker = new THREE7.Mesh(geometry, _PathVisualizationThree.endMaterial);
     marker.position.set(x, 0.5, z);
     marker.name = `PathEndMarker_${pathId}`;
     _PathVisualizationThree.scene.add(marker);
@@ -1807,8 +1852,8 @@ var PathVisualizationThree = class _PathVisualizationThree {
     if (!_PathVisualizationThree.scene || !_PathVisualizationThree.waypointMaterial) return [];
     const spheres = [];
     waypoints.forEach((waypoint, index) => {
-      const geometry = new THREE6.SphereGeometry(0.3, 12, 12);
-      const sphere = new THREE6.Mesh(geometry, _PathVisualizationThree.waypointMaterial);
+      const geometry = new THREE7.SphereGeometry(0.3, 12, 12);
+      const sphere = new THREE7.Mesh(geometry, _PathVisualizationThree.waypointMaterial);
       sphere.position.set(waypoint.x, 0.3, waypoint.z);
       sphere.name = `PathWaypoint_${pathId}_${index}`;
       _PathVisualizationThree.scene.add(sphere);
@@ -1827,11 +1872,11 @@ var PathVisualizationThree = class _PathVisualizationThree {
       const start = waypoints[i];
       const end = waypoints[i + 1];
       const points = [
-        new THREE6.Vector3(start.x, 0.2, start.z),
-        new THREE6.Vector3(end.x, 0.2, end.z)
+        new THREE7.Vector3(start.x, 0.2, start.z),
+        new THREE7.Vector3(end.x, 0.2, end.z)
       ];
-      const geometry = new THREE6.BufferGeometry().setFromPoints(points);
-      const line = new THREE6.Line(geometry, _PathVisualizationThree.pathMaterial);
+      const geometry = new THREE7.BufferGeometry().setFromPoints(points);
+      const line = new THREE7.Line(geometry, _PathVisualizationThree.pathMaterial);
       line.name = `PathLine_${pathId}_${i}`;
       _PathVisualizationThree.scene.add(line);
       lines.push(line);
@@ -1875,8 +1920,8 @@ var PathVisualizationThree = class _PathVisualizationThree {
     }
     _PathVisualizationThree.initialize(_PathVisualizationThree.scene);
     const result = DynamicNavSystem.findPath(
-      new THREE6.Vector2(startX, startZ),
-      new THREE6.Vector2(endX, endZ)
+      new THREE7.Vector2(startX, startZ),
+      new THREE7.Vector2(endX, endZ)
     );
     if (result.success) {
       console.log(
@@ -1917,8 +1962,8 @@ if (typeof window !== "undefined") {
   };
   window.addPathThree = (pathId, startX, startZ, endX, endZ) => {
     const result = DynamicNavSystem.findPath(
-      new THREE6.Vector2(startX, startZ),
-      new THREE6.Vector2(endX, endZ)
+      new THREE7.Vector2(startX, startZ),
+      new THREE7.Vector2(endX, endZ)
     );
     if (result.success) {
       PathVisualizationThree.addPath(pathId, result, startX, startZ, endX, endZ);
@@ -1940,10 +1985,10 @@ if (typeof window !== "undefined") {
 }
 
 // src/systems/spline/SplineDebugManager.ts
-import * as THREE8 from "three";
+import * as THREE9 from "three";
 
 // src/systems/spline/SplineDebugRendererThree.ts
-import * as THREE7 from "three";
+import * as THREE8 from "three";
 var SplineDebugRendererThree = class extends Component {
   spline;
   options;
@@ -1960,13 +2005,13 @@ var SplineDebugRendererThree = class extends Component {
       showCurve: options.showCurve ?? true,
       showDirection: options.showDirection ?? false,
       waypointSize: options.waypointSize ?? 0.5,
-      waypointColor: options.waypointColor ?? new THREE7.Color(16711680),
-      curveColor: options.curveColor ?? new THREE7.Color(16776960),
-      directionColor: options.directionColor ?? new THREE7.Color(65280),
+      waypointColor: options.waypointColor ?? new THREE8.Color(16711680),
+      curveColor: options.curveColor ?? new THREE8.Color(16776960),
+      directionColor: options.directionColor ?? new THREE8.Color(65280),
       directionLength: options.directionLength ?? 2,
       directionSpacing: options.directionSpacing ?? 0.1
     };
-    this.parentGroup = new THREE7.Group();
+    this.parentGroup = new THREE8.Group();
   }
   onCreate() {
     if (!this.gameObject) return;
@@ -2033,8 +2078,8 @@ var SplineDebugRendererThree = class extends Component {
    * Create waypoint spheres
    */
   createWaypoints() {
-    const geometry = new THREE7.SphereGeometry(this.options.waypointSize, 8, 6);
-    const material = new THREE7.MeshBasicMaterial({
+    const geometry = new THREE8.SphereGeometry(this.options.waypointSize, 8, 6);
+    const material = new THREE8.MeshBasicMaterial({
       color: this.options.waypointColor,
       depthTest: false,
       transparent: true,
@@ -2042,7 +2087,7 @@ var SplineDebugRendererThree = class extends Component {
     });
     const waypoints = this.spline.getWaypoints();
     waypoints.forEach((waypoint, index) => {
-      const mesh = new THREE7.Mesh(geometry, material.clone());
+      const mesh = new THREE8.Mesh(geometry, material.clone());
       mesh.position.copy(waypoint);
       mesh.renderOrder = 1e3;
       this.waypointMeshes.push(mesh);
@@ -2055,14 +2100,14 @@ var SplineDebugRendererThree = class extends Component {
   createCurve() {
     const points = this.spline.getInterpolatedPoints();
     if (points.length < 2) return;
-    const geometry = new THREE7.BufferGeometry().setFromPoints(points);
-    const material = new THREE7.LineBasicMaterial({
+    const geometry = new THREE8.BufferGeometry().setFromPoints(points);
+    const material = new THREE8.LineBasicMaterial({
       color: this.options.curveColor,
       linewidth: 2,
       transparent: true,
       opacity: 0.8
     });
-    this.curveLine = new THREE7.Line(geometry, material);
+    this.curveLine = new THREE8.Line(geometry, material);
     this.curveLine.renderOrder = 999;
     this.parentGroup.add(this.curveLine);
   }
@@ -2085,24 +2130,24 @@ var SplineDebugRendererThree = class extends Component {
    * Create a single direction arrow
    */
   createArrow(position, direction, length) {
-    const group = new THREE7.Group();
-    const shaftGeometry = new THREE7.CylinderGeometry(0.02, 0.02, length * 0.8, 4);
-    const shaftMaterial = new THREE7.MeshBasicMaterial({
+    const group = new THREE8.Group();
+    const shaftGeometry = new THREE8.CylinderGeometry(0.02, 0.02, length * 0.8, 4);
+    const shaftMaterial = new THREE8.MeshBasicMaterial({
       color: this.options.directionColor
     });
-    const shaft = new THREE7.Mesh(shaftGeometry, shaftMaterial);
-    const headGeometry = new THREE7.ConeGeometry(0.08, length * 0.2, 6);
-    const headMaterial = new THREE7.MeshBasicMaterial({
+    const shaft = new THREE8.Mesh(shaftGeometry, shaftMaterial);
+    const headGeometry = new THREE8.ConeGeometry(0.08, length * 0.2, 6);
+    const headMaterial = new THREE8.MeshBasicMaterial({
       color: this.options.directionColor
     });
-    const head = new THREE7.Mesh(headGeometry, headMaterial);
+    const head = new THREE8.Mesh(headGeometry, headMaterial);
     head.position.y = length * 0.4;
     group.add(shaft);
     group.add(head);
     group.position.copy(position);
     group.position.y += 0.1;
-    const up = new THREE7.Vector3(0, 1, 0);
-    const quaternion = new THREE7.Quaternion().setFromUnitVectors(up, direction.normalize());
+    const up = new THREE8.Vector3(0, 1, 0);
+    const quaternion = new THREE8.Quaternion().setFromUnitVectors(up, direction.normalize());
     group.setRotationFromQuaternion(quaternion);
     return group;
   }
@@ -2133,7 +2178,7 @@ var SplineDebugRendererThree = class extends Component {
     this.directionArrows.forEach((arrow) => {
       this.parentGroup.remove(arrow);
       arrow.traverse((child) => {
-        if (child instanceof THREE7.Mesh) {
+        if (child instanceof THREE8.Mesh) {
           child.geometry.dispose();
           if (Array.isArray(child.material)) {
             child.material.forEach((mat) => mat.dispose());
@@ -2157,8 +2202,8 @@ var SplineDebugManager = class _SplineDebugManager {
     showCurve: true,
     showDirection: false,
     waypointSize: 0.4,
-    waypointColor: new THREE8.Color(16711680),
-    curveColor: new THREE8.Color(16776960)
+    waypointColor: new THREE9.Color(16711680),
+    curveColor: new THREE9.Color(16776960)
   };
   constructor() {
   }
@@ -2467,7 +2512,7 @@ var DebugPanelThree = class _DebugPanelThree {
       const scene = this.findScene();
       if (!scene) return;
       scene.traverse((obj) => {
-        if (obj instanceof THREE9.SkinnedMesh) {
+        if (obj instanceof THREE10.SkinnedMesh) {
           obj.visible = !checked;
         }
       });
@@ -2490,7 +2535,7 @@ var DebugPanelThree = class _DebugPanelThree {
       let skinnedCount = 0;
       let blobCount = 0;
       scene.traverse((obj) => {
-        if (obj instanceof THREE9.SkinnedMesh) {
+        if (obj instanceof THREE10.SkinnedMesh) {
           obj.castShadow = checked;
           skinnedCount++;
         }
@@ -2562,10 +2607,10 @@ var DebugPanelThree = class _DebugPanelThree {
     let skinnedMeshCount = 0;
     let totalMeshes = 0;
     scene.traverse((obj) => {
-      if (obj instanceof THREE9.SkinnedMesh) {
+      if (obj instanceof THREE10.SkinnedMesh) {
         skinnedMeshCount++;
         totalMeshes++;
-      } else if (obj instanceof THREE9.Mesh && obj.visible) {
+      } else if (obj instanceof THREE10.Mesh && obj.visible) {
         totalMeshes++;
         const geomId = obj.geometry.uuid;
         const triangles = obj.geometry.index ? obj.geometry.index.count / 3 : (obj.geometry.attributes.position?.count || 0) / 3;
@@ -2633,19 +2678,19 @@ var DebugPanelThree = class _DebugPanelThree {
     scene.traverse((obj) => {
       totalObjects++;
       if (obj.matrixAutoUpdate) {
-        if (!(obj instanceof THREE9.SkinnedMesh) && !(obj.parent instanceof THREE9.SkinnedMesh) && !obj.name.toLowerCase().includes("player")) {
+        if (!(obj instanceof THREE10.SkinnedMesh) && !(obj.parent instanceof THREE10.SkinnedMesh) && !obj.name.toLowerCase().includes("player")) {
           staticCandidates++;
         }
       } else {
         alreadyStatic++;
       }
-      if (obj instanceof THREE9.SkinnedMesh) {
+      if (obj instanceof THREE10.SkinnedMesh) {
         skinnedMeshes++;
         if (obj.skeleton) {
           skinnedBoneCount += obj.skeleton.bones.length;
         }
       }
-      if (obj instanceof THREE9.Mesh || obj instanceof THREE9.SkinnedMesh) {
+      if (obj instanceof THREE10.Mesh || obj instanceof THREE10.SkinnedMesh) {
         if (obj.castShadow) shadowCasters++;
         if (obj.receiveShadow) shadowReceivers++;
         const mat = obj.material;
@@ -2656,7 +2701,7 @@ var DebugPanelThree = class _DebugPanelThree {
     });
     let shadowLights = 0;
     scene.traverse((obj) => {
-      if (obj instanceof THREE9.Light && obj.castShadow) {
+      if (obj instanceof THREE10.Light && obj.castShadow) {
         shadowLights++;
       }
     });
@@ -2724,9 +2769,9 @@ var DebugPanelThree = class _DebugPanelThree {
     );
     const geometryGroups = /* @__PURE__ */ new Map();
     scene.traverse((obj) => {
-      if (obj instanceof THREE9.SkinnedMesh) return;
-      if (obj instanceof THREE9.InstancedMesh) return;
-      if (obj instanceof THREE9.Mesh && obj.visible) {
+      if (obj instanceof THREE10.SkinnedMesh) return;
+      if (obj instanceof THREE10.InstancedMesh) return;
+      if (obj instanceof THREE10.Mesh && obj.visible) {
         const geomId = obj.geometry.uuid;
         if (!geometryGroups.has(geomId)) {
           geometryGroups.set(geomId, []);
@@ -2742,11 +2787,11 @@ var DebugPanelThree = class _DebugPanelThree {
       const geometry = firstMesh.geometry;
       const material = firstMesh.material;
       if (Array.isArray(material)) continue;
-      const instancedMesh = new THREE9.InstancedMesh(geometry, material, meshes.length);
+      const instancedMesh = new THREE10.InstancedMesh(geometry, material, meshes.length);
       instancedMesh.name = `Instanced_${firstMesh.name || "unnamed"}`;
       instancedMesh.castShadow = firstMesh.castShadow;
       instancedMesh.receiveShadow = firstMesh.receiveShadow;
-      const matrix = new THREE9.Matrix4();
+      const matrix = new THREE10.Matrix4();
       for (let i = 0; i < meshes.length; i++) {
         const mesh = meshes[i];
         mesh.updateWorldMatrix(true, false);
@@ -3059,7 +3104,7 @@ var DebugPanelThree = class _DebugPanelThree {
       return;
     }
     try {
-      const worldPos = new THREE9.Vector3();
+      const worldPos = new THREE10.Vector3();
       this.playerGameObject.getWorldPosition(worldPos);
       const xDisplay = document.getElementById("player-x-display");
       const yDisplay = document.getElementById("player-y-display");
@@ -3138,12 +3183,12 @@ var DebugPanelThree = class _DebugPanelThree {
 };
 
 // src/systems/lighting/DirectionalLightComponentThree.ts
-import * as THREE10 from "three";
+import * as THREE11 from "three";
 var DirectionalLightComponent = class extends Component {
   light;
   constructor(options = {}) {
     super();
-    this.light = new THREE10.DirectionalLight(options.color || 16777215, options.intensity || 1);
+    this.light = new THREE11.DirectionalLight(options.color || 16777215, options.intensity || 1);
     if (options.castShadow) {
       this.light.castShadow = true;
       if (options.shadowMapSize) {
@@ -3209,7 +3254,7 @@ var DirectionalLightComponent = class extends Component {
 };
 
 // src/systems/lighting/AmbientLightComponentThree.ts
-import * as THREE11 from "three";
+import * as THREE12 from "three";
 var AmbientLightComponent = class extends Component {
   ambientLight;
   hemisphereLight = null;
@@ -3218,7 +3263,7 @@ var AmbientLightComponent = class extends Component {
     super();
     if (options.groundColor !== void 0) {
       this.useHemispheric = true;
-      this.hemisphereLight = new THREE11.HemisphereLight(
+      this.hemisphereLight = new THREE12.HemisphereLight(
         options.color || 16777215,
         // sky color
         options.groundColor,
@@ -3229,7 +3274,7 @@ var AmbientLightComponent = class extends Component {
         this.hemisphereLight.position.copy(options.direction);
       }
     } else {
-      this.ambientLight = new THREE11.AmbientLight(
+      this.ambientLight = new THREE12.AmbientLight(
         options.color || 4210752,
         options.intensity || 0.4
       );
@@ -3286,11 +3331,11 @@ var AmbientLightComponent = class extends Component {
 };
 
 // src/systems/materials/MaterialUtils.ts
-import * as THREE12 from "three";
+import * as THREE13 from "three";
 var MaterialUtils = class _MaterialUtils {
   // Centralized default path for the toon gradient ramp used by toon materials
   static DEFAULT_TOON_GRADIENT_PATH = "assets/cozy_game_general/threeTone.jpg";
-  static textureLoader = new THREE12.TextureLoader();
+  static textureLoader = new THREE13.TextureLoader();
   static cachedGradientMap = null;
   /**
    * Create a standard PBR material with common settings
@@ -3313,19 +3358,19 @@ var MaterialUtils = class _MaterialUtils {
     } else if (options.normalMap) {
       materialOptions.normalMap = options.normalMap;
     }
-    return new THREE12.MeshStandardMaterial(materialOptions);
+    return new THREE13.MeshStandardMaterial(materialOptions);
   }
   /**
    * Create a basic material with a color
    */
   static createBasicMaterial(color) {
-    return new THREE12.MeshBasicMaterial({ color });
+    return new THREE13.MeshBasicMaterial({ color });
   }
   /**
    * Create a Lambert material (good for low-poly/stylized looks)
    */
   static createLambertMaterial(options = {}) {
-    return new THREE12.MeshLambertMaterial({
+    return new THREE13.MeshLambertMaterial({
       color: options.color || 16777215,
       map: options.map
     });
@@ -3334,8 +3379,8 @@ var MaterialUtils = class _MaterialUtils {
    * Create a material with texture
    */
   static createTexturedMaterial(textureUrl, options = {}) {
-    const texture = new THREE12.TextureLoader().load(textureUrl);
-    return new THREE12.MeshStandardMaterial({
+    const texture = new THREE13.TextureLoader().load(textureUrl);
+    return new THREE13.MeshStandardMaterial({
       color: options.color || 16777215,
       map: texture,
       roughness: options.roughness || 0.5,
@@ -3346,7 +3391,7 @@ var MaterialUtils = class _MaterialUtils {
    * Create a simple shared material for prototyping
    */
   static createSharedMaterial(color = 16777215) {
-    return new THREE12.MeshStandardMaterial({
+    return new THREE13.MeshStandardMaterial({
       color,
       roughness: 0.7,
       metalness: 0.1
@@ -3362,10 +3407,10 @@ var MaterialUtils = class _MaterialUtils {
       return _MaterialUtils.cachedGradientMap;
     }
     const tex = _MaterialUtils.textureLoader.load(gradientPath);
-    tex.minFilter = THREE12.NearestFilter;
-    tex.magFilter = THREE12.NearestFilter;
+    tex.minFilter = THREE13.NearestFilter;
+    tex.magFilter = THREE13.NearestFilter;
     tex.generateMipmaps = false;
-    tex.colorSpace = THREE12.SRGBColorSpace;
+    tex.colorSpace = THREE13.SRGBColorSpace;
     _MaterialUtils.cachedGradientMap = tex;
     return tex;
   }
@@ -3382,7 +3427,7 @@ var MaterialUtils = class _MaterialUtils {
     if (options.map) params.map = options.map;
     if (options.mapPath) params.map = _MaterialUtils.textureLoader.load(options.mapPath);
     if (options.emissive !== void 0) params.emissive = options.emissive;
-    return new THREE12.MeshToonMaterial(params);
+    return new THREE13.MeshToonMaterial(params);
   }
   /**
    * Convert an arbitrary THREE.Material into a MeshToonMaterial while
@@ -3390,8 +3435,8 @@ var MaterialUtils = class _MaterialUtils {
    */
   static convertToToon(material, gradientPath) {
     const baseMat = material;
-    const toon = new THREE12.MeshToonMaterial({
-      color: baseMat.color ? baseMat.color.clone() : new THREE12.Color(16777215),
+    const toon = new THREE13.MeshToonMaterial({
+      color: baseMat.color ? baseMat.color.clone() : new THREE13.Color(16777215),
       map: baseMat.map ?? void 0,
       transparent: baseMat.transparent ?? false,
       opacity: baseMat.opacity ?? 1,
@@ -3407,7 +3452,7 @@ var MaterialUtils = class _MaterialUtils {
 };
 
 // src/systems/navigation/NavAgent.ts
-import * as THREE13 from "three";
+import * as THREE14 from "three";
 var NavAgent = class extends Component {
   // Public movement parameters - can be adjusted directly
   moveSpeed = 5;
@@ -3420,7 +3465,7 @@ var NavAgent = class extends Component {
   waypoints = [];
   currentWaypointIndex = 0;
   // Smooth movement interpolation
-  currentVelocity = new THREE13.Vector3();
+  currentVelocity = new THREE14.Vector3();
   maxSpeed = 5;
   // Target tracking
   currentTarget = null;
@@ -3439,7 +3484,7 @@ var NavAgent = class extends Component {
    */
   moveTo(targetPosition) {
     this.maxSpeed = this.moveSpeed;
-    const target3D = targetPosition instanceof THREE13.Vector2 ? new THREE13.Vector3(targetPosition.x, 0, targetPosition.y) : targetPosition;
+    const target3D = targetPosition instanceof THREE14.Vector2 ? new THREE14.Vector3(targetPosition.x, 0, targetPosition.y) : targetPosition;
     this.clearVisualization();
     const result = DynamicNavSystem.findPath(this.gameObject.position, target3D);
     if (result.success) {
@@ -3535,7 +3580,7 @@ var NavAgent = class extends Component {
       this.clearTarget();
       return false;
     }
-    const waypoints = pathResult.waypoints.map((wp) => new THREE13.Vector3(wp.x, 0, wp.z));
+    const waypoints = pathResult.waypoints.map((wp) => new THREE14.Vector3(wp.x, 0, wp.z));
     this.setWaypoints(waypoints);
     return true;
   }
@@ -3578,7 +3623,7 @@ var NavAgent = class extends Component {
    */
   handlePathComplete(deltaTime) {
     if (this.currentWaypointIndex >= this.waypoints.length) {
-      this.currentVelocity.lerp(new THREE13.Vector3(), this.deceleration * deltaTime);
+      this.currentVelocity.lerp(new THREE14.Vector3(), this.deceleration * deltaTime);
       this.applyMovement(deltaTime);
       if (this.currentVelocity.length() < 0.1) {
         this.isMoving = false;
@@ -3647,7 +3692,7 @@ var NavAgent = class extends Component {
 };
 
 // src/systems/ui/UIUtils.ts
-import * as THREE14 from "three";
+import * as THREE15 from "three";
 var UIUtils = class _UIUtils {
   /**
    * Create world-space UI plane with consistent text sizing
@@ -3673,18 +3718,18 @@ var UIUtils = class _UIUtils {
     ctx.textAlign = "center";
     ctx.imageSmoothingEnabled = true;
     ctx.imageSmoothingQuality = "high";
-    const texture = new THREE14.CanvasTexture(canvas);
-    texture.colorSpace = THREE14.SRGBColorSpace;
-    texture.minFilter = THREE14.LinearFilter;
-    texture.magFilter = THREE14.LinearFilter;
-    texture.wrapS = THREE14.ClampToEdgeWrapping;
-    texture.wrapT = THREE14.ClampToEdgeWrapping;
+    const texture = new THREE15.CanvasTexture(canvas);
+    texture.colorSpace = THREE15.SRGBColorSpace;
+    texture.minFilter = THREE15.LinearFilter;
+    texture.magFilter = THREE15.LinearFilter;
+    texture.wrapS = THREE15.ClampToEdgeWrapping;
+    texture.wrapT = THREE15.ClampToEdgeWrapping;
     texture.flipY = true;
     texture.generateMipmaps = false;
-    const geometry = new THREE14.PlaneGeometry(worldWidth, worldHeight);
-    const material = new THREE14.ShaderMaterial({
+    const geometry = new THREE15.PlaneGeometry(worldWidth, worldHeight);
+    const material = new THREE15.ShaderMaterial({
       transparent: true,
-      side: THREE14.DoubleSide,
+      side: THREE15.DoubleSide,
       fog: false,
       depthWrite: false,
       uniforms: {
@@ -3708,7 +3753,7 @@ var UIUtils = class _UIUtils {
         }
       `
     });
-    const plane = new THREE14.Mesh(geometry, material);
+    const plane = new THREE15.Mesh(geometry, material);
     plane.rotation.x = -Math.PI / 2;
     if (flipOrientation) {
       plane.rotation.z = Math.PI;
@@ -4667,16 +4712,16 @@ var UILoadingScreen = class {
 };
 
 // src/systems/particle-system/index.ts
-import * as THREE17 from "three";
+import * as THREE18 from "three";
 
 // src/systems/particle-system/Particle.ts
-import * as THREE15 from "three";
+import * as THREE16 from "three";
 var Particle = class _Particle extends Component {
   emitter = null;
   config;
   assets;
   // Reusable vector to avoid allocation on trigger
-  static _tempOrigin = new THREE15.Vector3();
+  static _tempOrigin = new THREE16.Vector3();
   /**
    * Creates a new particle emitter component
    * @param config - The emitter configuration
@@ -4924,7 +4969,7 @@ function updateKeyframe(curve, index, updates) {
 }
 
 // src/systems/particle-system/ParticleSystemPrefabComponent.ts
-import * as THREE16 from "three";
+import * as THREE17 from "three";
 function unwrapModule(module) {
   const result = {};
   for (const key in module) {
@@ -4944,12 +4989,12 @@ function isEnabled(val, defaultEnabled = true) {
 function getBlendingMode(mode) {
   switch (mode) {
     case "additive":
-      return THREE16.AdditiveBlending;
+      return THREE17.AdditiveBlending;
     case "multiply":
-      return THREE16.MultiplyBlending;
+      return THREE17.MultiplyBlending;
     case "normal":
     default:
-      return THREE16.NormalBlending;
+      return THREE17.NormalBlending;
   }
 }
 function deepUnwrap(value) {
@@ -5019,7 +5064,7 @@ var ParticleSystemPrefabComponent = class extends Component {
     if (!this.emitter) return;
     const stowkit = StowKitSystem.getInstance();
     const tex = await stowkit.getTexture(textureRef.assetId);
-    tex.colorSpace = THREE16.NoColorSpace;
+    tex.colorSpace = THREE17.NoColorSpace;
     tex.needsUpdate = true;
     if (this.emitter) {
       const material = this.emitter.object.material;
@@ -5074,23 +5119,23 @@ var ParticleSystemPrefabComponent = class extends Component {
       shape: isEnabled(shape.enabled) ? shape.shape ?? "cone" : "point",
       radius: shape.radius ?? 0.25,
       coneAngle: [degToRad(shape.coneAngleMin ?? 15), degToRad(shape.coneAngleMax ?? 30)],
-      coneDirection: new THREE16.Vector3(
+      coneDirection: new THREE17.Vector3(
         shape.coneDirection?.[0] ?? 0,
         shape.coneDirection?.[1] ?? 1,
         shape.coneDirection?.[2] ?? 0
       ),
-      boxSize: new THREE16.Vector3(
+      boxSize: new THREE17.Vector3(
         shape.boxSize?.[0] ?? 1,
         shape.boxSize?.[1] ?? 1,
         shape.boxSize?.[2] ?? 1
       ),
       sphereRadius: shape.sphereRadius ?? 1,
       // Velocity - apply gravity modifier (like editor)
-      gravity: isEnabled(velocity.enabled) ? new THREE16.Vector3(
+      gravity: isEnabled(velocity.enabled) ? new THREE17.Vector3(
         (baseGravity[0] ?? 0) * gravityModifier,
         (baseGravity[1] ?? -9.8) * gravityModifier,
         (baseGravity[2] ?? 0) * gravityModifier
-      ) : new THREE16.Vector3(0, 0, 0),
+      ) : new THREE17.Vector3(0, 0, 0),
       // Damping
       damping: isEnabled(velocity.enabled) ? velocity.damping ?? 0 : 0,
       // Size - start from main, end from size module (like editor)
@@ -5121,7 +5166,7 @@ var ParticleSystemPrefabComponent = class extends Component {
       } : void 0,
       // Color (like editor)
       color: {
-        start: new THREE16.Vector4(
+        start: new THREE17.Vector4(
           main.startColor?.[0] ?? 1,
           main.startColor?.[1] ?? 1,
           main.startColor?.[2] ?? 1,
@@ -5129,23 +5174,23 @@ var ParticleSystemPrefabComponent = class extends Component {
         ),
         // Random start colors list - convert array of [r,g,b,a] to Vector4 array
         startList: isEnabled(main.useRandomStartColors, false) && Array.isArray(main.randomStartColors) && main.randomStartColors.length > 0 ? main.randomStartColors.map(
-          (c) => new THREE16.Vector4(c[0] ?? 1, c[1] ?? 1, c[2] ?? 1, c[3] ?? 1)
+          (c) => new THREE17.Vector4(c[0] ?? 1, c[1] ?? 1, c[2] ?? 1, c[3] ?? 1)
         ) : void 0,
         // When colorOverLifetime is disabled, use start color as end (no fade)
         // This ensures random start colors stay constant throughout particle lifetime
         useStartAsEnd: !isEnabled(main.colorOverLifetime, false),
-        mid: isEnabled(main.colorOverLifetime, false) && isEnabled(main.useMidColor, false) ? new THREE16.Vector4(
+        mid: isEnabled(main.colorOverLifetime, false) && isEnabled(main.useMidColor, false) ? new THREE17.Vector4(
           main.midColor?.[0] ?? 0.8,
           main.midColor?.[1] ?? 0.8,
           main.midColor?.[2] ?? 0.8,
           main.midColor?.[3] ?? 0.7
         ) : void 0,
-        end: isEnabled(main.colorOverLifetime, false) ? new THREE16.Vector4(
+        end: isEnabled(main.colorOverLifetime, false) ? new THREE17.Vector4(
           main.endColor?.[0] ?? 0.5,
           main.endColor?.[1] ?? 0.5,
           main.endColor?.[2] ?? 0.5,
           main.endColor?.[3] ?? 0
-        ) : new THREE16.Vector4(
+        ) : new THREE17.Vector4(
           main.startColor?.[0] ?? 1,
           main.startColor?.[1] ?? 1,
           main.startColor?.[2] ?? 1,
@@ -5214,7 +5259,7 @@ var ParticleSystemPrefabComponent = class extends Component {
     gradient.addColorStop(1, "rgba(255, 255, 255, 0)");
     ctx.fillStyle = gradient;
     ctx.fillRect(0, 0, size, size);
-    const texture = new THREE16.CanvasTexture(canvas);
+    const texture = new THREE17.CanvasTexture(canvas);
     texture.needsUpdate = true;
     return { texture };
   }
@@ -5263,7 +5308,7 @@ var ParticleSystemPrefabComponent = class extends Component {
   }
 };
 // Reusable vector to avoid allocation on trigger
-__publicField(ParticleSystemPrefabComponent, "_tempOrigin", new THREE16.Vector3());
+__publicField(ParticleSystemPrefabComponent, "_tempOrigin", new THREE17.Vector3());
 ParticleSystemPrefabComponent = __decorateClass([
   PrefabComponent("particle_system")
 ], ParticleSystemPrefabComponent);
@@ -5274,7 +5319,7 @@ function randRange(r) {
   return r;
 }
 function randVec4(r, out) {
-  if (r instanceof THREE17.Vector4) {
+  if (r instanceof THREE18.Vector4) {
     out.copy(r);
     return out;
   }
@@ -5652,26 +5697,26 @@ function createParticleEmitter(cfg = {}, assets = {}) {
   const baseSizeX = baseBillboardSize;
   const baseSizeY = baseBillboardSize;
   let velocityScaleFactor = cfg.alignment?.velocityScale ?? 0.4;
-  const texture = assets.texture ? assets.texture : assets.textureUrl ? new THREE17.TextureLoader().load(assets.textureUrl) : cfg.textureUrl ? new THREE17.TextureLoader().load(cfg.textureUrl) : new THREE17.TextureLoader().load("assets/particle_tex.jpg");
-  texture.wrapS = THREE17.ClampToEdgeWrapping;
-  texture.wrapT = THREE17.ClampToEdgeWrapping;
-  texture.minFilter = THREE17.NearestFilter;
-  texture.magFilter = THREE17.NearestFilter;
+  const texture = assets.texture ? assets.texture : assets.textureUrl ? new THREE18.TextureLoader().load(assets.textureUrl) : cfg.textureUrl ? new THREE18.TextureLoader().load(cfg.textureUrl) : new THREE18.TextureLoader().load("assets/particle_tex.jpg");
+  texture.wrapS = THREE18.ClampToEdgeWrapping;
+  texture.wrapT = THREE18.ClampToEdgeWrapping;
+  texture.minFilter = THREE18.NearestFilter;
+  texture.magFilter = THREE18.NearestFilter;
   texture.generateMipmaps = false;
   texture.needsUpdate = true;
-  const material = new THREE17.RawShaderMaterial({
+  const material = new THREE18.RawShaderMaterial({
     uniforms: {
       map: { value: texture },
       spriteSheetEnabled: { value: cfg.spriteSheet ? 1 : 0 },
       spriteGrid: {
-        value: new THREE17.Vector2(cfg.spriteSheet?.columns ?? 1, cfg.spriteSheet?.rows ?? 1)
+        value: new THREE18.Vector2(cfg.spriteSheet?.columns ?? 1, cfg.spriteSheet?.rows ?? 1)
       },
       spriteTotalFrames: {
         value: cfg.spriteSheet ? cfg.spriteSheet.frameCount ?? (cfg.spriteSheet.columns ?? 1) * (cfg.spriteSheet.rows ?? 1) : 1
       },
       spriteCurrentFrame: { value: 0 },
       spritePerParticle: { value: 1 },
-      spritePad: { value: new THREE17.Vector2(2e-3, 2e-3) },
+      spritePad: { value: new THREE18.Vector2(2e-3, 2e-3) },
       useMaskFromLuminance: {
         value: cfg.maskFromLuminance ?? false ? 1 : 0
       }
@@ -5744,19 +5789,19 @@ function createParticleEmitter(cfg = {}, assets = {}) {
     `,
     transparent: true,
     depthWrite: false,
-    blending: cfg.blending ?? THREE17.AdditiveBlending,
-    side: THREE17.DoubleSide
+    blending: cfg.blending ?? THREE18.AdditiveBlending,
+    side: THREE18.DoubleSide
   });
   material.premultipliedAlpha = cfg.premultipliedAlpha ?? false;
-  const geometry = new THREE17.PlaneGeometry(1, 1);
-  const mesh = new THREE17.InstancedMesh(geometry, material, particleCount);
+  const geometry = new THREE18.PlaneGeometry(1, 1);
+  const mesh = new THREE18.InstancedMesh(geometry, material, particleCount);
   const instanceColors = new Float32Array(particleCount * 3);
   for (let i = 0; i < particleCount * 3; i++) instanceColors[i] = 1;
-  mesh.instanceColor = new THREE17.InstancedBufferAttribute(instanceColors, 3);
+  mesh.instanceColor = new THREE18.InstancedBufferAttribute(instanceColors, 3);
   const instanceOpacity = new Float32Array(particleCount);
-  geometry.setAttribute("instanceOpacity", new THREE17.InstancedBufferAttribute(instanceOpacity, 1));
+  geometry.setAttribute("instanceOpacity", new THREE18.InstancedBufferAttribute(instanceOpacity, 1));
   const instanceFrame = new Float32Array(particleCount);
-  geometry.setAttribute("instanceFrame", new THREE17.InstancedBufferAttribute(instanceFrame, 1));
+  geometry.setAttribute("instanceFrame", new THREE18.InstancedBufferAttribute(instanceFrame, 1));
   const positions = new Float32Array(particleCount * 3);
   const velocities = new Float32Array(particleCount * 3);
   const ages = new Float32Array(particleCount);
@@ -5784,7 +5829,7 @@ function createParticleEmitter(cfg = {}, assets = {}) {
   const noiseOctaves = Math.max(1, Math.min(4, Math.round(noiseCfg.octaves ?? 1)));
   const noiseStrengthX = noiseCfg.strengthX ?? 1;
   const noiseStrengthY = noiseCfg.strengthY ?? 1;
-  const gravity = cfg.gravity ? cfg.gravity.clone() : new THREE17.Vector3(0, -9.8, 0);
+  const gravity = cfg.gravity ? cfg.gravity.clone() : new THREE18.Vector3(0, -9.8, 0);
   const damping = cfg.damping ?? 0;
   const orbitalX = cfg.orbital?.x ?? 0;
   const orbitalY = cfg.orbital?.y ?? 0;
@@ -5794,7 +5839,7 @@ function createParticleEmitter(cfg = {}, assets = {}) {
   const emission = cfg.emission ?? { mode: "constant", rateOverTime: 50 };
   let currentSpawnRate = emission.mode === "constant" ? emission.rateOverTime ?? 50 : 0;
   const shape = cfg.shape ?? EmitterShape.CONE;
-  const coneDirection = (cfg.coneDirection ?? new THREE17.Vector3(0, 1, 0)).clone().normalize();
+  const coneDirection = (cfg.coneDirection ?? new THREE18.Vector3(0, 1, 0)).clone().normalize();
   const coneAngleRange = cfg.coneAngle ?? [Math.PI / 16, Math.PI / 12];
   const speedRange = cfg.speed ?? [1, 3];
   const lifeRange = cfg.lifetime ?? [1.5, 3];
@@ -5802,18 +5847,18 @@ function createParticleEmitter(cfg = {}, assets = {}) {
   const sizeRangeEnd = cfg.size?.end ?? [0.2, 0.5];
   const rotAngleRange = cfg.rotation ? cfg.rotation.angle ?? [0, Math.PI * 2] : [0, 0];
   const rotVelRange = cfg.rotation ? cfg.rotation.velocity ?? [-6, 6] : [0, 0];
-  const colorStartRange = cfg.color?.start ?? new THREE17.Vector4(1, 0.8, 0.2, 1);
+  const colorStartRange = cfg.color?.start ?? new THREE18.Vector4(1, 0.8, 0.2, 1);
   const colorStartList = cfg.color?.startList;
   const colorUseStartAsEnd = cfg.color?.useStartAsEnd ?? false;
   const colorMidRange = cfg.color?.mid;
-  const colorEndRange = cfg.color?.end ?? new THREE17.Vector4(0.8, 0.1, 0.02, 0);
+  const colorEndRange = cfg.color?.end ?? new THREE18.Vector4(0.8, 0.1, 0.02, 0);
   const collisionCfg = cfg.collision ?? {};
   const floorCollisionEnabled = collisionCfg.enabled ?? true;
   const floorY = collisionCfg.planeY ?? 0;
   const floorBounceRestitution = collisionCfg.restitution ?? 0.7;
   const floorFriction = collisionCfg.friction ?? 0.5;
   const killAfterBounces = collisionCfg.killAfterBounces ?? 2;
-  let burstOrigin = new THREE17.Vector3();
+  let burstOrigin = new THREE18.Vector3();
   let spawnAccumulator = 0;
   let isPlayingState = cfg.playOnAwake ?? true;
   let elapsed = 0;
@@ -5838,34 +5883,34 @@ function createParticleEmitter(cfg = {}, assets = {}) {
       const pts = [];
       for (let i = 0; i <= 64; i++) {
         const t = i / 64 * Math.PI * 2;
-        const p = new THREE17.Vector3().copy(axis).multiplyScalar(L).addScaledVector(u, Math.cos(t) * r).addScaledVector(v, Math.sin(t) * r);
+        const p = new THREE18.Vector3().copy(axis).multiplyScalar(L).addScaledVector(u, Math.cos(t) * r).addScaledVector(v, Math.sin(t) * r);
         pts.push(p);
       }
-      const geom = new THREE17.BufferGeometry().setFromPoints(pts);
-      const mat = new THREE17.LineBasicMaterial({
+      const geom = new THREE18.BufferGeometry().setFromPoints(pts);
+      const mat = new THREE18.LineBasicMaterial({
         color,
         transparent: true,
         opacity: 0.6
       });
-      return new THREE17.Line(geom, mat);
+      return new THREE18.Line(geom, mat);
     };
     var ring = ring2;
-    debugGroup = new THREE17.Group();
+    debugGroup = new THREE18.Group();
     const L = 2;
     const minA = Array.isArray(coneAngleRange) ? coneAngleRange[0] : coneAngleRange;
     const maxA = Array.isArray(coneAngleRange) ? coneAngleRange[1] : coneAngleRange;
     const axis = coneDirection;
-    const u = new THREE17.Vector3();
-    const v = new THREE17.Vector3();
+    const u = new THREE18.Vector3();
+    const v = new THREE18.Vector3();
     if (Math.abs(axis.x) < 0.9) u.set(1, 0, 0);
     else u.set(0, 1, 0);
     u.cross(axis).normalize();
     v.copy(axis).cross(u).normalize();
-    const axisGeom = new THREE17.BufferGeometry().setFromPoints([
-      new THREE17.Vector3(0, 0, 0),
-      new THREE17.Vector3().copy(axis).multiplyScalar(L)
+    const axisGeom = new THREE18.BufferGeometry().setFromPoints([
+      new THREE18.Vector3(0, 0, 0),
+      new THREE18.Vector3().copy(axis).multiplyScalar(L)
     ]);
-    debugGroup.add(new THREE17.Line(axisGeom, new THREE17.LineBasicMaterial({ color: 6737151 })));
+    debugGroup.add(new THREE18.Line(axisGeom, new THREE18.LineBasicMaterial({ color: 6737151 })));
     debugGroup.add(ring2(minA, 4521796));
     debugGroup.add(ring2(maxA, 16729156));
     mesh.add(debugGroup);
@@ -5873,37 +5918,37 @@ function createParticleEmitter(cfg = {}, assets = {}) {
   if (cfg.debugVelocities) {
     const maxLines = Math.min(64, particleCount);
     const linePos = new Float32Array(maxLines * 2 * 3);
-    const geom = new THREE17.BufferGeometry();
-    geom.setAttribute("position", new THREE17.BufferAttribute(linePos, 3));
-    const mat = new THREE17.LineBasicMaterial({
+    const geom = new THREE18.BufferGeometry();
+    geom.setAttribute("position", new THREE18.BufferAttribute(linePos, 3));
+    const mat = new THREE18.LineBasicMaterial({
       color: 16777062,
       transparent: true,
       opacity: 0.85
     });
-    debugVelSegments = new THREE17.LineSegments(geom, mat);
+    debugVelSegments = new THREE18.LineSegments(geom, mat);
     mesh.add(debugVelSegments);
   }
-  const m4 = new THREE17.Matrix4();
-  const invWorldMatrix = new THREE17.Matrix4();
-  const pos = new THREE17.Vector3();
-  const right = new THREE17.Vector3();
-  const up = new THREE17.Vector3();
-  const forward = new THREE17.Vector3();
-  const rightRot = new THREE17.Vector3();
-  const upRot = new THREE17.Vector3();
-  const viewDir = new THREE17.Vector3();
-  const prevPos = new THREE17.Vector3();
-  const prevNdc = new THREE17.Vector3();
-  const currNdc = new THREE17.Vector3();
-  const tmp4a = new THREE17.Vector4();
-  const tmp4b = new THREE17.Vector4();
-  const tmp4c = new THREE17.Vector4();
-  const tmpColor = new THREE17.Color();
-  const tmpVec3A = new THREE17.Vector3();
-  const tmpVec3B = new THREE17.Vector3();
-  const tmpVec3C = new THREE17.Vector3();
-  const tmpVec3D = new THREE17.Vector3();
-  const tmpVec3E = new THREE17.Vector3();
+  const m4 = new THREE18.Matrix4();
+  const invWorldMatrix = new THREE18.Matrix4();
+  const pos = new THREE18.Vector3();
+  const right = new THREE18.Vector3();
+  const up = new THREE18.Vector3();
+  const forward = new THREE18.Vector3();
+  const rightRot = new THREE18.Vector3();
+  const upRot = new THREE18.Vector3();
+  const viewDir = new THREE18.Vector3();
+  const prevPos = new THREE18.Vector3();
+  const prevNdc = new THREE18.Vector3();
+  const currNdc = new THREE18.Vector3();
+  const tmp4a = new THREE18.Vector4();
+  const tmp4b = new THREE18.Vector4();
+  const tmp4c = new THREE18.Vector4();
+  const tmpColor = new THREE18.Color();
+  const tmpVec3A = new THREE18.Vector3();
+  const tmpVec3B = new THREE18.Vector3();
+  const tmpVec3C = new THREE18.Vector3();
+  const tmpVec3D = new THREE18.Vector3();
+  const tmpVec3E = new THREE18.Vector3();
   function sampleDirection(spawnPos, out) {
     switch (shape) {
       case EmitterShape.CONE: {
@@ -5924,7 +5969,7 @@ function createParticleEmitter(cfg = {}, assets = {}) {
         return out;
     }
   }
-  const defaultBoxSize = new THREE17.Vector3(1, 1, 1);
+  const defaultBoxSize = new THREE18.Vector3(1, 1, 1);
   const boxSize = cfg.boxSize ?? defaultBoxSize;
   function sampleSpawnPosition(origin, out) {
     switch (shape) {
@@ -6043,9 +6088,9 @@ function createParticleEmitter(cfg = {}, assets = {}) {
     mesh.count = 0;
   }
   const renderMode = cfg.renderMode ?? "billboard";
-  const emitterRight = new THREE17.Vector3();
-  const emitterUp = new THREE17.Vector3();
-  const emitterForward = new THREE17.Vector3();
+  const emitterRight = new THREE18.Vector3();
+  const emitterUp = new THREE18.Vector3();
+  const emitterForward = new THREE18.Vector3();
   const update = (dt, camera, emitterWorldMatrix) => {
     if (debugGroup) debugGroup.position.copy(burstOrigin);
     if (debugVelSegments) {
@@ -6749,7 +6794,7 @@ var AnimationLibrary = class _AnimationLibrary {
 };
 
 // src/systems/animatrix/SharedAnimationManager.ts
-import * as THREE18 from "three";
+import * as THREE19 from "three";
 var SharedAnimationManager = class _SharedAnimationManager {
   static instance = null;
   // Cached clips (shared by all characters - this is the main memory savings)
@@ -6792,7 +6837,7 @@ var CharacterAnimationController = class {
   isPaused = false;
   constructor(model, manager) {
     this.manager = manager;
-    this.mixer = new THREE18.AnimationMixer(model);
+    this.mixer = new THREE19.AnimationMixer(model);
   }
   /**
    * Pause animation updates (for off-screen or distant characters)
@@ -9147,7 +9192,7 @@ var AnimationConsoleFilter = class {
 };
 
 // src/systems/animatrix/AnimationPerformance.ts
-import * as THREE19 from "three";
+import * as THREE20 from "three";
 var AnimationPerformance = class {
   /**
    * Reduce the number of bone influences per vertex for better mobile performance
@@ -9202,7 +9247,7 @@ var AnimationPerformance = class {
     let skeleton = null;
     let bones = [];
     model.traverse((child) => {
-      if (child instanceof THREE19.SkinnedMesh && child.skeleton) {
+      if (child instanceof THREE20.SkinnedMesh && child.skeleton) {
         skeleton = child.skeleton;
         bones = skeleton.bones;
       }
@@ -9242,7 +9287,7 @@ var AnimationPerformance = class {
         console.log("[AnimationPerformance] Removed objects:", uniqueObjects);
       }
     }
-    const cleanedClip = new THREE19.AnimationClip(
+    const cleanedClip = new THREE20.AnimationClip(
       clip.name,
       clip.duration,
       validTracks,
@@ -9255,7 +9300,7 @@ var AnimationPerformance = class {
    */
   static optimizeModelForMobile(model, maxInfluences = 2) {
     model.traverse((child) => {
-      if (child instanceof THREE19.SkinnedMesh) {
+      if (child instanceof THREE20.SkinnedMesh) {
         this.reduceSkinInfluences(child, maxInfluences);
       }
     });
@@ -9304,7 +9349,7 @@ var AnimationPerformance = class {
 };
 
 // src/systems/spline/SplineThree.ts
-import * as THREE20 from "three";
+import * as THREE21 from "three";
 var SplineTypeThree = /* @__PURE__ */ ((SplineTypeThree2) => {
   SplineTypeThree2["LINEAR"] = "linear";
   SplineTypeThree2["CATMULL_ROM"] = "catmull_rom";
@@ -9343,7 +9388,7 @@ var SplineThree = class {
   getPointAt(t) {
     t = Math.max(0, Math.min(1, t));
     if (this.interpolatedPoints.length === 0) {
-      return new THREE20.Vector3();
+      return new THREE21.Vector3();
     }
     if (t === 0) return this.interpolatedPoints[0].clone();
     if (t === 1) return this.interpolatedPoints[this.interpolatedPoints.length - 1].clone();
@@ -9405,7 +9450,7 @@ var SplineThree = class {
    * This now uses proper distance-based parameterization
    */
   getPointAtDistance(distance) {
-    if (this.totalLength === 0) return new THREE20.Vector3();
+    if (this.totalLength === 0) return new THREE21.Vector3();
     const t = this.getTFromDistance(distance);
     return this.getPointAt(t);
   }
@@ -9414,7 +9459,7 @@ var SplineThree = class {
    * This now uses proper distance-based parameterization
    */
   getDirectionAtDistance(distance) {
-    if (this.totalLength === 0) return new THREE20.Vector3(0, 0, 1);
+    if (this.totalLength === 0) return new THREE21.Vector3(0, 0, 1);
     const t = this.getTFromDistance(distance);
     return this.getDirectionAt(t);
   }
@@ -9422,7 +9467,7 @@ var SplineThree = class {
    * Find the closest point on the spline to a given position
    */
   getClosestPoint(position) {
-    let closestPoint = new THREE20.Vector3();
+    let closestPoint = new THREE21.Vector3();
     let closestT = 0;
     let closestDistance = Infinity;
     const samples = 100;
@@ -9716,6 +9761,7 @@ export {
   SetMasterVolume,
   SetMusicVolume,
   SharedAnimationManager,
+  SphereColliderComponent,
   SplineDebugManager,
   SplineDebugRendererThree,
   SplineThree,