@mavonengine/core 0.0.2

package/dist/browser/Networking/Server/Server.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Networking/Server/Server.ts"],"sourcesContent":["import type RAPIER from '@dimforge/rapier3d-compat'\nimport type { Data, GeckosServer, ServerChannel } from '@geckos.io/server'\nimport type GameObject from '../../World/GameObject'\nimport type { Express } from 'express'\nimport type winston from 'winston'\nimport type Player from '../Entities/Player'\nimport type NetworkedActor from '../NetworkedActor'\nimport { Buffer } from 'node:buffer'\nimport geckos from '@geckos.io/server'\nimport express from 'express'\nimport { ServerCommand } from './Commands'\nimport BaseGame from '../../BaseGame'\nimport BandwidthTracker from './Stats/BandwidthTracker'\nimport CpuTracker from './Stats/CpuTracker'\nimport ServerWorld from './World'\n\nlet instance: Server<GameObject>\n\nexport default abstract class Server<TClient extends GameObject> {\n  game: BaseGame\n\n  private commandBuffer: object[] = []\n\n  gameSocket: GeckosServer\n  httpServer: Express = express()\n  protected logger: winston.Logger\n\n  private onHttpCallback?: (httpServer: Express) => void\n\n  lastTime = performance.now()\n\n  bandwidthTracker = new BandwidthTracker()\n  private cpuTracker: CpuTracker\n\n  protected abstract onConnection(channel: ServerChannel): TClient\n  protected abstract onCommand(command: any, delta: number): void\n\n  constructor(logger: winston.Logger, phyicsWorld?: RAPIER.World) {\n    instance = this as unknown as Server<GameObject>\n\n    this.game = new BaseGame(logger, phyicsWorld)\n    this.game.world = new ServerWorld()\n\n    this.gameSocket = geckos()\n    this.logger = logger\n    this.cpuTracker = new CpuTracker(this.logger)\n\n    this.gameSocket.onConnection((channel) => {\n      this.logger.info(`Connected: ${channel.id}`)\n\n      const client = this.onConnection(channel)\n      this.game.world.entities.items.set(client.id!.toString(), client)\n\n      this.logger.info(`${(this.game.world as ServerWorld).players.length} total players connected`)\n\n      channel.on('ping', () => {\n        channel.emit('pong')\n      })\n\n      channel.onDisconnect(() => {\n        const playerId = channel.id!\n        const disconnectedPlayer = BaseGame.instance().world.entities.items.get(playerId) as Player\n\n        if (!disconnectedPlayer)\n          return\n\n        disconnectedPlayer.destroy()\n\n        // Only notify players within visibility radius\n        this.gameSocket.connectionsManager.connections.forEach((conn, connId) => {\n          if (connId === playerId)\n            return\n\n          const otherPlayer = this.game.world.entities.items.get(connId!) as Player\n          if (!otherPlayer)\n            return\n\n          const dist = otherPlayer.position.distanceTo(disconnectedPlayer.position)\n          if (dist <= this.getStateSyncDistance()) {\n            conn.channel.emit(ServerCommand.SV_REMOVE_ENTITY, {\n              id: playerId,\n            })\n          }\n        })\n\n        this.logger.info('Disconnected', playerId)\n        this.logger.info(`${(this.game.world as ServerWorld).players.length - 1} total players connected`)\n      })\n\n      channel.on('command', (data) => {\n        const bytes = Buffer.byteLength(data.toString())\n        this.bandwidthTracker.recordReceived('server', bytes)\n\n        this.bufferIncomingCommand(channel, data)\n      })\n    })\n\n    this.game.onUpdate(delta => this.tick(delta))\n\n    setInterval(() => {\n      const { sent, received } = this.bandwidthTracker.getBandwidthUsage('server')\n      this.logger.debug(`Client - Sent: ${sent} B, Received: ${received} B`)\n\n      this.cpuTracker.log()\n\n      this.bandwidthTracker.reset()\n    }, 5000)\n  }\n\n  private bufferIncomingCommand(channel: ServerChannel, command: Data) {\n    this.commandBuffer.push({\n      playerId: channel.id!,\n      ...(command) as object,\n    })\n  }\n\n  private tick(delta: number) {\n    this.runThroughBuffer()\n\n    this.onTick(delta)\n    this.stateSync()\n  }\n\n  static instance(): Server<GameObject> {\n    return instance\n  }\n\n  /**\n   * Send full state update to all clients.\n   */\n  private stateSync() {\n    const trackedEntitiesForMarkingSyncd = new Map<string, NetworkedActor>() // Renamed to avoid confusion\n\n    this.gameSocket.connectionsManager.connections.forEach((con, id) => {\n      const player = this.game.world.entities.items.get(id!) as Player\n      if (!player)\n        return\n\n      const entitiesToSend: GameObject[] = [] // Renamed for clarity\n\n      // Create a temporary set of entities that should be tracked for this player in this tick\n      const currentTickTrackedEntities = new Set<string>()\n\n      this.game.world.entities.items.forEach((entity) => {\n        const isWithinDistance = player.position.distanceTo(entity.position) < this.getStateSyncDistance()\n\n        if (isWithinDistance) {\n          // If within distance, always include it in the state update for this player\n          entitiesToSend.push(entity)\n          currentTickTrackedEntities.add(entity.id)\n\n          // If this entity has \"needsSync\" set, or if it's new for this player,\n          // we want to ensure its state is considered for marking as synced globally.\n          // This ensures that actual movement flags are reset.\n          if ((entity as NetworkedActor).needsSync || !player.trackedEntities.has(entity.id)) {\n            if (!trackedEntitiesForMarkingSyncd.has(entity.id)) {\n              trackedEntitiesForMarkingSyncd.set(entity.id, entity as NetworkedActor)\n            }\n          }\n        }\n        else {\n          // If outside distance, ensure it's removed from trackedEntities for this player\n          player.trackedEntities.delete(entity.id)\n        }\n      })\n\n      // Update the player's trackedEntities to reflect the current tick's within-distance entities\n      // This is crucial for correctly handling re-entry.\n      player.trackedEntities = currentTickTrackedEntities\n\n      const state = {\n        entities: entitiesToSend, // Use the new array\n        sequenceId: 0,\n        type: ServerCommand.SV_STATE,\n      }\n\n      this.bandwidthTracker.recordSent('server', Buffer.byteLength(state.toString()))\n      con.channel.emit(ServerCommand.SV_STATE, state)\n    })\n\n    // Mark entities as synced ONLY if they were actually sent to at least one client\n    trackedEntitiesForMarkingSyncd.forEach(entity => entity.markSyncd())\n  }\n\n  /**\n   * The distance the player should have to an object so it\n   * is sent in the state update.\n   */\n  abstract getStateSyncDistance(): number\n\n  private runThroughBuffer() {\n    while (this.commandBuffer.length > 0) {\n      const currentCommand = this.commandBuffer[0]\n\n      this.onCommand(currentCommand, this.calculateDelta())\n\n      this.commandBuffer.shift()\n    }\n  }\n\n  private calculateDelta() {\n    const currentTime = performance.now()\n    const deltaTime = (currentTime - this.lastTime)\n\n    return deltaTime\n  }\n\n  protected onTick(_delta: number): void { }\n\n  onHttp(callback: (express: Express) => void) {\n    this.onHttpCallback = callback\n  }\n\n  start() {\n    this.logger.info('Starting @mavon/engine - Socket Server')\n    this.gameSocket.listen(8081)\n\n    this.startHttpServer()\n\n    /**\n     * Register any http functionality in your own server\n     */\n    if (this.onHttpCallback) {\n      this.onHttpCallback(this.httpServer)\n    }\n  }\n\n  private startHttpServer() {\n    this.logger.info('Starting @mavon/engine - HTTP Server')\n    this.httpServer.listen(8050)\n    this.registerHealthEndpoint()\n\n    this.logger.info('Visit game server status: http://localhost:8050/api/game/health')\n  }\n\n  private registerHealthEndpoint() {\n    this.httpServer.get('/api/game/health', (_req, res) => {\n      // eslint-disable-next-line ts/no-this-alias\n      const server = this\n\n      res.format({\n        json() {\n          res.json({\n            serverTime: new Date(),\n            uptime: Math.round(performance.now() / 1000),\n            players: (server.game.world as ServerWorld).players.length,\n            world: {\n              entities: server.game.world.entities.length,\n            },\n            physics: {\n              bodies: server.game.physicsWorld?.bodies.len(),\n              colliders: server.game.physicsWorld?.colliders.len(),\n            },\n          })\n        },\n      })\n    })\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/browser/Networking/Server/Stats/BandwidthTracker.js

@@ -0,0 +1,8 @@
+import {
+  BandwidthTracker
+} from "../../../chunk-VWCQZXBU.js";
+import "../../../chunk-G3PMV62Z.js";
+export {
+  BandwidthTracker as default
+};
+//# sourceMappingURL=BandwidthTracker.js.map

package/dist/browser/Networking/Server/Stats/BandwidthTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/browser/Networking/Server/Stats/CpuTracker.js

@@ -0,0 +1,8 @@
+import {
+  CpuTracker
+} from "../../../chunk-HKJQDU25.js";
+import "../../../chunk-G3PMV62Z.js";
+export {
+  CpuTracker as default
+};
+//# sourceMappingURL=CpuTracker.js.map

package/dist/browser/Networking/Server/Stats/CpuTracker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/browser/Networking/Server/World.js

@@ -0,0 +1,19 @@
+import {
+  ServerWorld
+} from "../../chunk-HQ264K3X.js";
+import "../../chunk-RZJPUR5S.js";
+import "../../chunk-MSSBGJJT.js";
+import "../../chunk-UK2P4JGN.js";
+import "../../chunk-KJJCXAUN.js";
+import "../../chunk-36BXDTHA.js";
+import "../../chunk-3KYMJLQ5.js";
+import "../../chunk-CZUIHQMY.js";
+import "../../chunk-PMZKVZCW.js";
+import "../../chunk-BZO35RV2.js";
+import "../../chunk-2D7GC2Z6.js";
+import "../../chunk-HU53VGSY.js";
+import "../../chunk-G3PMV62Z.js";
+export {
+  ServerWorld as default
+};
+//# sourceMappingURL=World.js.map

package/dist/browser/Networking/Server/World.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/browser/Networking/syncState.js

@@ -0,0 +1,31 @@
+import "../chunk-G3PMV62Z.js";
+
+// src/Networking/syncState.ts
+function syncStateStack(entity, networkStates, factories) {
+  let i = 0;
+  while (i < networkStates.length) {
+    const desired = networkStates[i].stateName;
+    const current = entity.state[i];
+    if (!current || current.stateName !== desired) {
+      const stateBeingReplaced = entity.state[i];
+      while (entity.state.length > i) {
+        entity.state[entity.state.length - 1].leave();
+      }
+      const prevState = entity.state[entity.state.length - 1];
+      prevState?.suspend();
+      const factory = factories[desired];
+      if (factory) {
+        const newState = factory(entity, stateBeingReplaced);
+        entity.state.push(newState);
+      }
+    }
+    i++;
+  }
+  while (entity.state.length > networkStates.length) {
+    entity.state[entity.state.length - 1].leave();
+  }
+}
+export {
+  syncStateStack
+};
+//# sourceMappingURL=syncState.js.map

package/dist/browser/Networking/syncState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Networking/syncState.ts"],"sourcesContent":["import type Actor from '../World/Actor'\nimport type NetworkedEntityState from './NetworkedEntityState'\n\n// TODO tighten types. Should not need any here\nexport type StateFactory = (entity: any, previousState?: any) => NetworkedEntityState\n\n/**\n * Compare the incoming state from the server with what is on the current entity.\n */\nexport function syncStateStack(\n  entity: Actor & { state: NetworkedEntityState[] },\n  networkStates: { stateName: string }[],\n  factories: Record<string, StateFactory>,\n) {\n  let i = 0\n\n  while (i < networkStates.length) {\n    const desired = networkStates[i].stateName\n    const current = entity.state[i]\n\n    if (!current || current.stateName !== desired) {\n      // Capture the state at index i before removing (for the factory)\n      const stateBeingReplaced = entity.state[i]\n\n      // Remove all states from index i onwards (they don't match)\n      while (entity.state.length > i) {\n        entity.state[entity.state.length - 1].leave()\n      }\n\n      // Get the previous state (if any) for suspending\n      const prevState = entity.state[entity.state.length - 1]\n      // Suspend the previous state when adding a new state on top\n      prevState?.suspend()\n\n      const factory = factories[desired]\n\n      if (factory) {\n        // Pass the state being replaced to the factory (e.g., one state depends on results from the last)\n        const newState = factory(entity, stateBeingReplaced)\n        entity.state.push(newState)\n      }\n    }\n\n    i++\n  }\n\n  // Remove any extra states beyond what the server has\n  while (entity.state.length > networkStates.length) {\n    entity.state[entity.state.length - 1].leave()\n  }\n}\n"],"mappings":";;;AASO,SAAS,eACd,QACA,eACA,WACA;AACA,MAAI,IAAI;AAER,SAAO,IAAI,cAAc,QAAQ;AAC/B,UAAM,UAAU,cAAc,CAAC,EAAE;AACjC,UAAM,UAAU,OAAO,MAAM,CAAC;AAE9B,QAAI,CAAC,WAAW,QAAQ,cAAc,SAAS;AAE7C,YAAM,qBAAqB,OAAO,MAAM,CAAC;AAGzC,aAAO,OAAO,MAAM,SAAS,GAAG;AAC9B,eAAO,MAAM,OAAO,MAAM,SAAS,CAAC,EAAE,MAAM;AAAA,MAC9C;AAGA,YAAM,YAAY,OAAO,MAAM,OAAO,MAAM,SAAS,CAAC;AAEtD,iBAAW,QAAQ;AAEnB,YAAM,UAAU,UAAU,OAAO;AAEjC,UAAI,SAAS;AAEX,cAAM,WAAW,QAAQ,QAAQ,kBAAkB;AACnD,eAAO,MAAM,KAAK,QAAQ;AAAA,MAC5B;AAAA,IACF;AAEA;AAAA,EACF;AAGA,SAAO,OAAO,MAAM,SAAS,cAAc,QAAQ;AACjD,WAAO,MAAM,OAAO,MAAM,SAAS,CAAC,EAAE,MAAM;AAAA,EAC9C;AACF;","names":[]}

package/dist/browser/Particles/Effects/Rain.css

@@ -0,0 +1,51 @@
+/* src/style.css */
+* {
+  margin: 0;
+}
+body {
+  overflow: hidden;
+}
+canvas {
+  display: block;
+  width: 100vw;
+  height: 100vh;
+}
+.point {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  pointer-events: none;
+}
+.point .label {
+  position: absolute;
+  top: -20px;
+  left: -20px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  color: white;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.5);
+  font-family:
+    Helvetica,
+    Arial,
+    sans-serif;
+  line-height: 40px;
+  font-weight: 100;
+  font-size: 14px;
+}
+.point .text {
+  position: absolute;
+  top: 30px;
+  width: 200px;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+  line-height: 1.3rem;
+  font-weight: 100;
+  font-size: 14px;
+  left: -100px;
+  text-align: center;
+  padding: 20px;
+  border-radius: 10px;
+}
+/*# sourceMappingURL=Rain.css.map */

package/dist/browser/Particles/Effects/Rain.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/style.css"],"sourcesContent":["* {\n    margin: 0;\n}\n\n/* Add to your global CSS */\nbody {\n  overflow: hidden;\n}\n\n\ncanvas {\n    display: block;\n    width: 100vw;\n    height: 100vh;\n}\n\n.point {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    pointer-events: none;\n}\n\n.point .label {\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    background: rgba(0, 0, 0, 0.5);\n    font-family: Helvetica, Arial, sans-serif;\n    line-height: 40px;\n    font-weight: 100;\n    font-size: 14px;\n}\n\n.point .text {\n    position: absolute;\n    top: 30px;\n    width: 200px;\n    background: rgba(0, 0, 0, 0.5);\n    color: white;\n    line-height: 1.3rem;\n    font-weight: 100;\n    font-size: 14px;\n    left: -100px;\n    text-align: center;\n    padding: 20px;\n    border-radius: 10px;\n}"],"mappings":";AAAA;AACI,UAAQ;AACZ;AAGA;AACE,YAAU;AACZ;AAGA;AACI,WAAS;AACT,SAAO;AACP,UAAQ;AACZ;AAEA,CAAC;AACG,YAAU;AACV,OAAK;AACL,QAAM;AACN,kBAAgB;AACpB;AAEA,CAPC,MAOM,CAAC;AACJ,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,SAAO;AACP,cAAY;AACZ,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B;AAAA,IAAa,SAAS;AAAA,IAAE,KAAK;AAAA,IAAE;AAC/B,eAAa;AACb,eAAa;AACb,aAAW;AACf;AAEA,CAvBC,MAuBM,CAAC;AACJ,YAAU;AACV,OAAK;AACL,SAAO;AACP,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,SAAO;AACP,eAAa;AACb,eAAa;AACb,aAAW;AACX,QAAM;AACN,cAAY;AACZ,WAAS;AACT,iBAAe;AACnB;","names":[]}

package/dist/browser/Particles/Effects/Rain.js

@@ -0,0 +1,88 @@
+import {
+  Emitter
+} from "../../chunk-YSGEW6PQ.js";
+import {
+  ParticleEffect
+} from "../../chunk-MSCP7BC3.js";
+import {
+  registerParticle
+} from "../../chunk-MAGAUADA.js";
+import "../../chunk-UA75LFFB.js";
+import "../../chunk-INBJUTI4.js";
+import "../../chunk-SR7IBOM4.js";
+import "../../chunk-7ZSIOAT6.js";
+import {
+  Game
+} from "../../chunk-A5XMBADG.js";
+import "../../chunk-VZ3QIXWK.js";
+import "../../chunk-7QLYKS4T.js";
+import "../../chunk-J7UBIWHX.js";
+import "../../chunk-GDOID2XG.js";
+import "../../chunk-OVP75QOD.js";
+import "../../chunk-CZUIHQMY.js";
+import "../../chunk-PMZKVZCW.js";
+import "../../chunk-BZO35RV2.js";
+import "../../chunk-2D7GC2Z6.js";
+import "../../chunk-HU53VGSY.js";
+import "../../chunk-G3PMV62Z.js";
+
+// src/Particles/Effects/Rain.ts
+import { BufferAttribute, BufferGeometry, Points, ShaderMaterial } from "three";
+
+// src/Particles/Shaders/Rain/Fragment.glsl
+var Fragment_default = "void main()\n{\n    gl_FragColor = vec4(1.0, 1.0, 1.0, 0.8); \n}";
+
+// src/Particles/Shaders/Rain/Vertex.glsl
+var Vertex_default = "uniform float uTime;\nuniform vec3 uCameraPosition;\n\nvoid main()\n{\n    // Reset position to top if they are outside the screen\n    vec3 pos = position;\n    pos.y = pos.y - uTime * 7.0;\n    pos.y = mod(pos.y + 20.0, 20.0) - 10.0;\n\n    // If has been reset we should also update it to reflect camera position so it moves with the camera \n    // Implement only when its at at the top\n\n    // Position\n    vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n    vec4 viewPosition = viewMatrix * modelPosition;\n    vec4 projectedPosition = projectionMatrix * viewPosition;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);\n    \n    // Size\n    gl_PointSize = 2.0;\n}";
+
+// src/Particles/Effects/Rain.ts
+var _RainEmitter = class _RainEmitter extends Emitter {
+  constructor() {
+    super(Game.instance().camera.instance.position, new ShaderMaterial({
+      transparent: true,
+      vertexShader: Vertex_default,
+      fragmentShader: Fragment_default,
+      uniforms: {
+        uTime: { value: 0 },
+        uCameraPosition: { value: Game.instance().camera.instance.position }
+      }
+    }), 1e3, 20);
+    this.geometry = new BufferGeometry();
+    this.mesh = new Points(this.geometry, this.material);
+    const positions = new Float32Array(this.maxParticles * 3);
+    for (let i = 0; i < this.maxParticles; i++) {
+      const i3 = i * 3;
+      positions[i3] = (Math.random() - 0.5) * 20;
+      positions[i3 + 1] = (Math.random() - 0.5) * 20;
+      positions[i3 + 2] = (Math.random() - 0.5) * 20;
+    }
+    this.geometry.setAttribute("position", new BufferAttribute(positions, 3));
+    Game.instance().scene.add(this.mesh);
+  }
+  update(delta) {
+    this.material.uniforms.uTime.value += delta;
+    this.material.uniforms.uCameraPosition.value = Game.instance().camera.instance.position;
+  }
+};
+_RainEmitter.preview = {
+  cameraPosition: [0, 5, 10],
+  cameraTarget: [0, 0, 0],
+  create: () => new _RainEmitter()
+};
+var RainEmitter = _RainEmitter;
+registerParticle("Rain", {
+  preview: RainEmitter.preview,
+  spawn: () => new Rain()
+});
+var Rain = class extends ParticleEffect {
+  constructor() {
+    super();
+    this.rainEmitter = new RainEmitter();
+    this.emitters.push(this.rainEmitter);
+  }
+};
+export {
+  RainEmitter,
+  Rain as default
+};
+//# sourceMappingURL=Rain.js.map

package/dist/browser/Particles/Effects/Rain.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Particles/Effects/Rain.ts","../../../../src/Particles/Shaders/Rain/Fragment.glsl","../../../../src/Particles/Shaders/Rain/Vertex.glsl"],"sourcesContent":["import { BufferAttribute, BufferGeometry, Points, ShaderMaterial } from 'three'\nimport Game from '../../Game'\nimport RainFragmentShader from '../Shaders/Rain/Fragment.glsl'\nimport RainVertextShader from '../Shaders/Rain/Vertex.glsl'\nimport Emitter from '../System/Emitter'\nimport ParticleEffect from '../System/ParticleEffect'\nimport { registerParticle } from '../System/ParticlePreviewRegistry'\n\nexport class RainEmitter extends Emitter {\n  static preview = {\n    cameraPosition: [0, 5, 10] as [number, number, number],\n    cameraTarget: [0, 0, 0] as [number, number, number],\n    create: () => new RainEmitter(),\n  }\n\n  declare geometry: BufferGeometry\n  declare mesh: Points\n  declare material: ShaderMaterial\n\n  constructor() {\n    super(Game.instance().camera.instance.position, new ShaderMaterial({\n      transparent: true,\n      vertexShader: RainVertextShader,\n      fragmentShader: RainFragmentShader,\n      uniforms: {\n        uTime: { value: 0 },\n        uCameraPosition: { value: Game.instance().camera.instance.position },\n      },\n    }), 1000, 20)\n\n    this.geometry = new BufferGeometry()\n    this.mesh = new Points(this.geometry, this.material)\n\n    const positions = new Float32Array(this.maxParticles * 3)\n\n    for (let i = 0; i < this.maxParticles; i++) {\n      const i3 = i * 3\n      positions[i3] = (Math.random() - 0.5) * 20\n      positions[i3 + 1] = (Math.random() - 0.5) * 20\n      positions[i3 + 2] = (Math.random() - 0.5) * 20\n    }\n\n    this.geometry.setAttribute('position', new BufferAttribute(positions, 3))\n\n    Game.instance().scene.add(this.mesh)\n  }\n\n  update(delta: number): void {\n    this.material.uniforms.uTime.value += delta\n    this.material.uniforms.uCameraPosition.value = Game.instance().camera.instance.position\n  }\n}\n\nregisterParticle('Rain', {\n  preview: RainEmitter.preview,\n  spawn: () => new Rain(),\n})\n\nexport default class Rain extends ParticleEffect {\n  rainEmitter: Emitter\n\n  constructor() {\n    super()\n\n    this.rainEmitter = new RainEmitter()\n    this.emitters.push(this.rainEmitter)\n  }\n}\n","void main()\n{\n    gl_FragColor = vec4(1.0, 1.0, 1.0, 0.8); \n}","uniform float uTime;\nuniform vec3 uCameraPosition;\n\nvoid main()\n{\n    // Reset position to top if they are outside the screen\n    vec3 pos = position;\n    pos.y = pos.y - uTime * 7.0;\n    pos.y = mod(pos.y + 20.0, 20.0) - 10.0;\n\n    // If has been reset we should also update it to reflect camera position so it moves with the camera \n    // Implement only when its at at the top\n\n    // Position\n    vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n    vec4 viewPosition = viewMatrix * modelPosition;\n    vec4 projectedPosition = projectionMatrix * viewPosition;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);\n    \n    // Size\n    gl_PointSize = 2.0;\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,iBAAiB,gBAAgB,QAAQ,sBAAsB;;;ACAxE;;;ACAA;;;AFQO,IAAM,eAAN,MAAM,qBAAoB,QAAQ;AAAA,EAWvC,cAAc;AACZ,UAAM,KAAK,SAAS,EAAE,OAAO,SAAS,UAAU,IAAI,eAAe;AAAA,MACjE,aAAa;AAAA,MACb,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,UAAU;AAAA,QACR,OAAO,EAAE,OAAO,EAAE;AAAA,QAClB,iBAAiB,EAAE,OAAO,KAAK,SAAS,EAAE,OAAO,SAAS,SAAS;AAAA,MACrE;AAAA,IACF,CAAC,GAAG,KAAM,EAAE;AAEZ,SAAK,WAAW,IAAI,eAAe;AACnC,SAAK,OAAO,IAAI,OAAO,KAAK,UAAU,KAAK,QAAQ;AAEnD,UAAM,YAAY,IAAI,aAAa,KAAK,eAAe,CAAC;AAExD,aAAS,IAAI,GAAG,IAAI,KAAK,cAAc,KAAK;AAC1C,YAAM,KAAK,IAAI;AACf,gBAAU,EAAE,KAAK,KAAK,OAAO,IAAI,OAAO;AACxC,gBAAU,KAAK,CAAC,KAAK,KAAK,OAAO,IAAI,OAAO;AAC5C,gBAAU,KAAK,CAAC,KAAK,KAAK,OAAO,IAAI,OAAO;AAAA,IAC9C;AAEA,SAAK,SAAS,aAAa,YAAY,IAAI,gBAAgB,WAAW,CAAC,CAAC;AAExE,SAAK,SAAS,EAAE,MAAM,IAAI,KAAK,IAAI;AAAA,EACrC;AAAA,EAEA,OAAO,OAAqB;AAC1B,SAAK,SAAS,SAAS,MAAM,SAAS;AACtC,SAAK,SAAS,SAAS,gBAAgB,QAAQ,KAAK,SAAS,EAAE,OAAO,SAAS;AAAA,EACjF;AACF;AA3Ca,aACJ,UAAU;AAAA,EACf,gBAAgB,CAAC,GAAG,GAAG,EAAE;AAAA,EACzB,cAAc,CAAC,GAAG,GAAG,CAAC;AAAA,EACtB,QAAQ,MAAM,IAAI,aAAY;AAChC;AALK,IAAM,cAAN;AA6CP,iBAAiB,QAAQ;AAAA,EACvB,SAAS,YAAY;AAAA,EACrB,OAAO,MAAM,IAAI,KAAK;AACxB,CAAC;AAED,IAAqB,OAArB,cAAkC,eAAe;AAAA,EAG/C,cAAc;AACZ,UAAM;AAEN,SAAK,cAAc,IAAI,YAAY;AACnC,SAAK,SAAS,KAAK,KAAK,WAAW;AAAA,EACrC;AACF;","names":[]}

package/dist/browser/Particles/Effects/Smoke.css

@@ -0,0 +1,51 @@
+/* src/style.css */
+* {
+  margin: 0;
+}
+body {
+  overflow: hidden;
+}
+canvas {
+  display: block;
+  width: 100vw;
+  height: 100vh;
+}
+.point {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  pointer-events: none;
+}
+.point .label {
+  position: absolute;
+  top: -20px;
+  left: -20px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  color: white;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.5);
+  font-family:
+    Helvetica,
+    Arial,
+    sans-serif;
+  line-height: 40px;
+  font-weight: 100;
+  font-size: 14px;
+}
+.point .text {
+  position: absolute;
+  top: 30px;
+  width: 200px;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+  line-height: 1.3rem;
+  font-weight: 100;
+  font-size: 14px;
+  left: -100px;
+  text-align: center;
+  padding: 20px;
+  border-radius: 10px;
+}
+/*# sourceMappingURL=Smoke.css.map */

package/dist/browser/Particles/Effects/Smoke.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/style.css"],"sourcesContent":["* {\n    margin: 0;\n}\n\n/* Add to your global CSS */\nbody {\n  overflow: hidden;\n}\n\n\ncanvas {\n    display: block;\n    width: 100vw;\n    height: 100vh;\n}\n\n.point {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    pointer-events: none;\n}\n\n.point .label {\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    background: rgba(0, 0, 0, 0.5);\n    font-family: Helvetica, Arial, sans-serif;\n    line-height: 40px;\n    font-weight: 100;\n    font-size: 14px;\n}\n\n.point .text {\n    position: absolute;\n    top: 30px;\n    width: 200px;\n    background: rgba(0, 0, 0, 0.5);\n    color: white;\n    line-height: 1.3rem;\n    font-weight: 100;\n    font-size: 14px;\n    left: -100px;\n    text-align: center;\n    padding: 20px;\n    border-radius: 10px;\n}"],"mappings":";AAAA;AACI,UAAQ;AACZ;AAGA;AACE,YAAU;AACZ;AAGA;AACI,WAAS;AACT,SAAO;AACP,UAAQ;AACZ;AAEA,CAAC;AACG,YAAU;AACV,OAAK;AACL,QAAM;AACN,kBAAgB;AACpB;AAEA,CAPC,MAOM,CAAC;AACJ,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,SAAO;AACP,cAAY;AACZ,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B;AAAA,IAAa,SAAS;AAAA,IAAE,KAAK;AAAA,IAAE;AAC/B,eAAa;AACb,eAAa;AACb,aAAW;AACf;AAEA,CAvBC,MAuBM,CAAC;AACJ,YAAU;AACV,OAAK;AACL,SAAO;AACP,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,SAAO;AACP,eAAa;AACb,eAAa;AACb,aAAW;AACX,QAAM;AACN,cAAY;AACZ,WAAS;AACT,iBAAe;AACnB;","names":[]}

package/dist/browser/Particles/Effects/Smoke.js

@@ -0,0 +1,143 @@
+import {
+  Particle
+} from "../../chunk-ORBRJSRE.js";
+import {
+  Emitter
+} from "../../chunk-YSGEW6PQ.js";
+import {
+  ParticleEffect
+} from "../../chunk-MSCP7BC3.js";
+import {
+  registerParticle
+} from "../../chunk-MAGAUADA.js";
+import "../../chunk-UA75LFFB.js";
+import "../../chunk-INBJUTI4.js";
+import "../../chunk-SR7IBOM4.js";
+import "../../chunk-7ZSIOAT6.js";
+import {
+  Game
+} from "../../chunk-A5XMBADG.js";
+import "../../chunk-VZ3QIXWK.js";
+import "../../chunk-7QLYKS4T.js";
+import "../../chunk-J7UBIWHX.js";
+import "../../chunk-GDOID2XG.js";
+import "../../chunk-OVP75QOD.js";
+import "../../chunk-CZUIHQMY.js";
+import "../../chunk-PMZKVZCW.js";
+import "../../chunk-BZO35RV2.js";
+import "../../chunk-2D7GC2Z6.js";
+import "../../chunk-HU53VGSY.js";
+import "../../chunk-G3PMV62Z.js";
+
+// src/Particles/Effects/Smoke.ts
+import { NormalBlending, ShaderMaterial, Vector3 } from "three";
+
+// src/Particles/Shaders/Smoke/Fragment.glsl
+var Fragment_default = "uniform sampler2D uTexture;\nvarying float vAlpha;\n\nvoid main()\n{\n    vec4 texColor = texture2D(uTexture, gl_PointCoord);\n    gl_FragColor = vec4(texColor.rgb, texColor.a * vAlpha); \n}";
+
+// src/Particles/Shaders/Smoke/Vertex.glsl
+var Vertex_default = "uniform float uTime;\nattribute float aScale;\nattribute float aAlpha;\nvarying float vAlpha;\n\nvoid main()\n{\n    vAlpha = aAlpha;\n\n    // Reset position to top if they are outside the screen\n    vec3 pos = position;\n\n    // If has been reset we should also update it to reflect camera position so it moves with the camera \n    // Implement only when its at at the top\n\n    // Position\n    vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n    vec4 viewPosition = viewMatrix * modelPosition;\n    vec4 projectedPosition = projectionMatrix * viewPosition;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);\n    \n    // Size\n    gl_PointSize = aScale * 40.0;\n}";
+
+// src/Particles/Effects/Smoke.ts
+var SmokeParticle = class extends Particle {
+  constructor(lifetime, position) {
+    super(lifetime, position.clone());
+    this.startAlpha = 0.5;
+    this.reset();
+  }
+  reset() {
+    this.age = 0;
+    this.velocity = new Vector3(
+      (Math.random() - 0.5) * 0.4,
+      Math.random() * 0.3 + 0.4,
+      (Math.random() - 0.5) * 0.2
+    );
+    this.position.set(0, 0, 0);
+  }
+  update(delta) {
+    this.position.y += delta * 0.1;
+    this.scale = new Vector3(2 + this.age);
+    this.position.x += this.velocity.x * delta;
+    this.position.y += this.velocity.y * delta;
+    this.position.z += this.velocity.z * delta;
+    super.update(delta);
+  }
+};
+var _SmokeEmitter = class _SmokeEmitter extends Emitter {
+  constructor(smokeTexture, position) {
+    super(position, new ShaderMaterial({
+      vertexShader: Vertex_default,
+      fragmentShader: Fragment_default,
+      transparent: true,
+      blending: NormalBlending,
+      depthWrite: false,
+      uniforms: {
+        uTime: { value: 0 },
+        uCameraPosition: { value: Game.instance().camera.instance.position },
+        uTexture: { value: smokeTexture },
+        uAlpha: { value: 0.5 }
+      }
+    }), 20, 10);
+    for (let i = 0; i < this.maxParticles; i++) {
+      const particle = new SmokeParticle(Math.random() * this.maxLifeTimeParticle + 1, position);
+      this.particles.push(particle);
+      this.scales[i] = particle.scale.x;
+      this.alphas[i] = particle.alpha;
+    }
+  }
+  update(delta) {
+    this.material.uniforms.uTime.value += delta;
+    for (let i = 0; i < this.maxParticles; i++) {
+      const particle = this.particles[i];
+      if (particle.age >= particle.decay) {
+        particle.reset();
+      } else {
+        particle.update(delta);
+        this.positions[i * 3] = particle.position.x;
+        this.positions[i * 3 + 1] = particle.position.y;
+        this.positions[i * 3 + 2] = particle.position.z;
+        this.scales[i] = particle.scale.x;
+        this.alphas[i] = particle.alpha;
+      }
+    }
+    this.geometry.getAttribute("aAlpha").needsUpdate = true;
+    this.geometry.getAttribute("position").needsUpdate = true;
+  }
+};
+_SmokeEmitter.preview = {
+  cameraPosition: [0, 4, 10],
+  cameraTarget: [0, 3, 0],
+  create: () => {
+    const tex = Game.instance().resources.items.smokeTexture;
+    return tex ? new _SmokeEmitter(tex, new Vector3(0, 0, 0)) : null;
+  }
+};
+var SmokeEmitter = _SmokeEmitter;
+registerParticle("Smoke", {
+  preview: SmokeEmitter.preview,
+  spawn: (position) => new Smoke(position)
+});
+var Smoke = class extends ParticleEffect {
+  constructor(position) {
+    super();
+    const create = () => {
+      const tex2 = Game.instance().resources.items.smokeTexture;
+      if (tex2) {
+        this.smokeEmitter = new SmokeEmitter(tex2, position);
+        this.emitters.push(this.smokeEmitter);
+      }
+    };
+    const tex = Game.instance().resources.items.smokeTexture;
+    if (tex) {
+      create();
+    } else {
+      Game.instance().resources.on("loaded", create);
+    }
+  }
+};
+export {
+  SmokeEmitter,
+  SmokeParticle,
+  Smoke as default
+};
+//# sourceMappingURL=Smoke.js.map

package/dist/browser/Particles/Effects/Smoke.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Particles/Effects/Smoke.ts","../../../../src/Particles/Shaders/Smoke/Fragment.glsl","../../../../src/Particles/Shaders/Smoke/Vertex.glsl"],"sourcesContent":["import type { BufferAttribute, Texture } from 'three'\nimport { NormalBlending, ShaderMaterial, Vector3 } from 'three'\nimport Game from '../../Game'\nimport SmokeFragmentShader from '../Shaders/Smoke/Fragment.glsl'\nimport SmokeVertextShader from '../Shaders/Smoke/Vertex.glsl'\nimport Emitter from '../System/Emitter'\nimport Particle from '../System/Particle'\nimport ParticleEffect from '../System/ParticleEffect'\nimport { registerParticle } from '../System/ParticlePreviewRegistry'\n\nexport class SmokeParticle extends Particle {\n  startAlpha = 0.5\n  velocity!: Vector3\n\n  constructor(lifetime: number, position: Vector3) {\n    super(lifetime, position.clone())\n    this.reset()\n  }\n\n  reset() {\n    this.age = 0\n    this.velocity = new Vector3(\n      (Math.random() - 0.5) * 0.4,\n      Math.random() * 0.3 + 0.4,\n      (Math.random() - 0.5) * 0.2,\n    )\n    this.position.set(0, 0, 0)\n  }\n\n  update(delta: number): void {\n    this.position.y += delta * 0.1\n    this.scale = new Vector3(2 + this.age)\n\n    // Update position\n    this.position.x += this.velocity.x * delta\n    this.position.y += this.velocity.y * delta\n    this.position.z += this.velocity.z * delta\n\n    super.update(delta)\n  }\n}\n\nexport class SmokeEmitter extends Emitter {\n  static preview = {\n    cameraPosition: [0, 4, 10] as [number, number, number],\n    cameraTarget: [0, 3, 0] as [number, number, number],\n    create: () => {\n      const tex = Game.instance().resources.items.smokeTexture as Texture | undefined\n      return tex ? new SmokeEmitter(tex, new Vector3(0, 0, 0)) : null\n    },\n  }\n\n  declare particles: SmokeParticle[]\n  declare material: ShaderMaterial\n\n  constructor(smokeTexture: Texture, position: Vector3) {\n    super(position, new ShaderMaterial({\n      vertexShader: SmokeVertextShader,\n      fragmentShader: SmokeFragmentShader,\n      transparent: true,\n      blending: NormalBlending,\n      depthWrite: false,\n      uniforms: {\n        uTime: { value: 0 },\n        uCameraPosition: { value: Game.instance().camera.instance.position },\n        uTexture: { value: smokeTexture },\n        uAlpha: { value: 0.5 },\n      },\n    }), 20, 10)\n\n    for (let i = 0; i < this.maxParticles; i++) {\n      const particle = new SmokeParticle(Math.random() * this.maxLifeTimeParticle + 1, position)\n      this.particles.push(particle)\n      this.scales[i] = particle.scale.x\n      this.alphas[i] = particle.alpha\n    }\n  }\n\n  update(delta: number): void {\n    this.material.uniforms.uTime.value += delta\n\n    for (let i = 0; i < this.maxParticles; i++) {\n      const particle = this.particles[i]\n\n      if (particle.age >= particle.decay) {\n        // Respawn particle\n        particle.reset()\n      }\n      else {\n        particle.update(delta)\n\n        // Update position buffer\n        this.positions[i * 3] = particle.position.x\n        this.positions[i * 3 + 1] = particle.position.y\n        this.positions[i * 3 + 2] = particle.position.z\n\n        this.scales[i] = particle.scale.x\n        this.alphas[i] = particle.alpha\n      }\n    }\n\n    (this.geometry.getAttribute('aAlpha') as BufferAttribute).needsUpdate = true;\n    (this.geometry.getAttribute('position') as BufferAttribute).needsUpdate = true\n  }\n}\n\nregisterParticle('Smoke', {\n  preview: SmokeEmitter.preview,\n  spawn: position => new Smoke(position),\n})\n\nexport default class Smoke extends ParticleEffect {\n  smokeEmitter?: SmokeEmitter\n\n  constructor(position: Vector3) {\n    super()\n\n    const create = () => {\n      const tex = Game.instance().resources.items.smokeTexture as Texture | undefined\n      if (tex) {\n        this.smokeEmitter = new SmokeEmitter(tex, position)\n        this.emitters.push(this.smokeEmitter)\n      }\n    }\n\n    const tex = Game.instance().resources.items.smokeTexture as Texture | undefined\n    if (tex) {\n      create()\n    }\n    else {\n      Game.instance().resources.on('loaded', create)\n    }\n  }\n}\n","uniform sampler2D uTexture;\nvarying float vAlpha;\n\nvoid main()\n{\n    vec4 texColor = texture2D(uTexture, gl_PointCoord);\n    gl_FragColor = vec4(texColor.rgb, texColor.a * vAlpha); \n}","uniform float uTime;\nattribute float aScale;\nattribute float aAlpha;\nvarying float vAlpha;\n\nvoid main()\n{\n    vAlpha = aAlpha;\n\n    // Reset position to top if they are outside the screen\n    vec3 pos = position;\n\n    // If has been reset we should also update it to reflect camera position so it moves with the camera \n    // Implement only when its at at the top\n\n    // Position\n    vec4 modelPosition = modelMatrix * vec4(position, 1.0);\n    vec4 viewPosition = viewMatrix * modelPosition;\n    vec4 projectedPosition = projectionMatrix * viewPosition;\n\n    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);\n    \n    // Size\n    gl_PointSize = aScale * 40.0;\n}"],"mappings":"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","names":["tex"]}

package/dist/browser/Particles/Shaders/LoadingScreen/Fragment.glsl

@@ -0,0 +1,6 @@
+uniform float uAlpha;
+
+void main()
+{
+    gl_FragColor = vec4(0.0, 0.0, 0.0, uAlpha); 
+}

package/dist/browser/Particles/Shaders/LoadingScreen/Vertex.glsl

@@ -0,0 +1,3 @@
+void main() {
+    gl_Position = vec4(position, 1.0);
+}

package/dist/browser/Particles/Shaders/Rain/Fragment.glsl

@@ -0,0 +1,4 @@
+void main()
+{
+    gl_FragColor = vec4(1.0, 1.0, 1.0, 0.8); 
+}

package/dist/browser/Particles/Shaders/Rain/Vertex.glsl

@@ -0,0 +1,23 @@
+uniform float uTime;
+uniform vec3 uCameraPosition;
+
+void main()
+{
+    // Reset position to top if they are outside the screen
+    vec3 pos = position;
+    pos.y = pos.y - uTime * 7.0;
+    pos.y = mod(pos.y + 20.0, 20.0) - 10.0;
+
+    // If has been reset we should also update it to reflect camera position so it moves with the camera 
+    // Implement only when its at at the top
+
+    // Position
+    vec4 modelPosition = modelMatrix * vec4(position, 1.0);
+    vec4 viewPosition = viewMatrix * modelPosition;
+    vec4 projectedPosition = projectionMatrix * viewPosition;
+
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);
+    
+    // Size
+    gl_PointSize = 2.0;
+}

package/dist/browser/Particles/Shaders/Smoke/Fragment.glsl

@@ -0,0 +1,8 @@
+uniform sampler2D uTexture;
+varying float vAlpha;
+
+void main()
+{
+    vec4 texColor = texture2D(uTexture, gl_PointCoord);
+    gl_FragColor = vec4(texColor.rgb, texColor.a * vAlpha); 
+}

package/dist/browser/Particles/Shaders/Smoke/Vertex.glsl

@@ -0,0 +1,25 @@
+uniform float uTime;
+attribute float aScale;
+attribute float aAlpha;
+varying float vAlpha;
+
+void main()
+{
+    vAlpha = aAlpha;
+
+    // Reset position to top if they are outside the screen
+    vec3 pos = position;
+
+    // If has been reset we should also update it to reflect camera position so it moves with the camera 
+    // Implement only when its at at the top
+
+    // Position
+    vec4 modelPosition = modelMatrix * vec4(position, 1.0);
+    vec4 viewPosition = viewMatrix * modelPosition;
+    vec4 projectedPosition = projectionMatrix * viewPosition;
+
+    gl_Position = projectionMatrix * modelViewMatrix * vec4(pos, 1.0);
+    
+    // Size
+    gl_PointSize = aScale * 40.0;
+}

package/dist/browser/Particles/System/Emitter.css

@@ -0,0 +1,51 @@
+/* src/style.css */
+* {
+  margin: 0;
+}
+body {
+  overflow: hidden;
+}
+canvas {
+  display: block;
+  width: 100vw;
+  height: 100vh;
+}
+.point {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  pointer-events: none;
+}
+.point .label {
+  position: absolute;
+  top: -20px;
+  left: -20px;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  color: white;
+  text-align: center;
+  background: rgba(0, 0, 0, 0.5);
+  font-family:
+    Helvetica,
+    Arial,
+    sans-serif;
+  line-height: 40px;
+  font-weight: 100;
+  font-size: 14px;
+}
+.point .text {
+  position: absolute;
+  top: 30px;
+  width: 200px;
+  background: rgba(0, 0, 0, 0.5);
+  color: white;
+  line-height: 1.3rem;
+  font-weight: 100;
+  font-size: 14px;
+  left: -100px;
+  text-align: center;
+  padding: 20px;
+  border-radius: 10px;
+}
+/*# sourceMappingURL=Emitter.css.map */

package/dist/browser/Particles/System/Emitter.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/style.css"],"sourcesContent":["* {\n    margin: 0;\n}\n\n/* Add to your global CSS */\nbody {\n  overflow: hidden;\n}\n\n\ncanvas {\n    display: block;\n    width: 100vw;\n    height: 100vh;\n}\n\n.point {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    pointer-events: none;\n}\n\n.point .label {\n    position: absolute;\n    top: -20px;\n    left: -20px;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    color: white;\n    text-align: center;\n    background: rgba(0, 0, 0, 0.5);\n    font-family: Helvetica, Arial, sans-serif;\n    line-height: 40px;\n    font-weight: 100;\n    font-size: 14px;\n}\n\n.point .text {\n    position: absolute;\n    top: 30px;\n    width: 200px;\n    background: rgba(0, 0, 0, 0.5);\n    color: white;\n    line-height: 1.3rem;\n    font-weight: 100;\n    font-size: 14px;\n    left: -100px;\n    text-align: center;\n    padding: 20px;\n    border-radius: 10px;\n}"],"mappings":";AAAA;AACI,UAAQ;AACZ;AAGA;AACE,YAAU;AACZ;AAGA;AACI,WAAS;AACT,SAAO;AACP,UAAQ;AACZ;AAEA,CAAC;AACG,YAAU;AACV,OAAK;AACL,QAAM;AACN,kBAAgB;AACpB;AAEA,CAPC,MAOM,CAAC;AACJ,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,iBAAe;AACf,SAAO;AACP,cAAY;AACZ,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B;AAAA,IAAa,SAAS;AAAA,IAAE,KAAK;AAAA,IAAE;AAC/B,eAAa;AACb,eAAa;AACb,aAAW;AACf;AAEA,CAvBC,MAuBM,CAAC;AACJ,YAAU;AACV,OAAK;AACL,SAAO;AACP,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC1B,SAAO;AACP,eAAa;AACb,eAAa;AACb,aAAW;AACX,QAAM;AACN,cAAY;AACZ,WAAS;AACT,iBAAe;AACnB;","names":[]}

package/dist/browser/Particles/System/Emitter.js

@@ -0,0 +1,19 @@
+import {
+  Emitter
+} from "../../chunk-YSGEW6PQ.js";
+import "../../chunk-A5XMBADG.js";
+import "../../chunk-VZ3QIXWK.js";
+import "../../chunk-7QLYKS4T.js";
+import "../../chunk-J7UBIWHX.js";
+import "../../chunk-GDOID2XG.js";
+import "../../chunk-OVP75QOD.js";
+import "../../chunk-CZUIHQMY.js";
+import "../../chunk-PMZKVZCW.js";
+import "../../chunk-BZO35RV2.js";
+import "../../chunk-2D7GC2Z6.js";
+import "../../chunk-HU53VGSY.js";
+import "../../chunk-G3PMV62Z.js";
+export {
+  Emitter as default
+};
+//# sourceMappingURL=Emitter.js.map

package/dist/browser/Particles/System/Emitter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}