@rpgjs/client 5.0.0-beta.2 → 5.0.0-beta.20

package/dist/components/prebuilt/light-halo.ce.js

@@ -1,69 +1,49 @@
-import { Container, Graphics, computed, h, signal, tick, useDefineProps, useProps } from "canvasengine";
+import { Container, Graphics, computed, h, signal, tick, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 import { BlurFilter } from "pixi.js";
 //#region src/components/prebuilt/light-halo.ce
 function component($$props) {
 	useProps($$props);
-	var _a = useDefineProps($$props)(), object = _a.object, baseRadius = _a.baseRadius, radiusVariation = _a.radiusVariation, baseOpacity = _a.baseOpacity, opacityVariation = _a.opacityVariation, sizeSpeed = _a.sizeSpeed, opacitySpeed = _a.opacitySpeed, lightColor = _a.lightColor;
-	var getBaseRadius = computed(function() {
-		var _a;
-		return (_a = baseRadius === null || baseRadius === void 0 ? void 0 : baseRadius()) !== null && _a !== void 0 ? _a : 30;
-	});
-	var getRadiusVariation = computed(function() {
-		var _a;
-		return (_a = radiusVariation === null || radiusVariation === void 0 ? void 0 : radiusVariation()) !== null && _a !== void 0 ? _a : 10;
-	});
-	var getBaseOpacity = computed(function() {
-		var _a;
-		return (_a = baseOpacity === null || baseOpacity === void 0 ? void 0 : baseOpacity()) !== null && _a !== void 0 ? _a : .6;
-	});
-	var getOpacityVariation = computed(function() {
-		var _a;
-		return (_a = opacityVariation === null || opacityVariation === void 0 ? void 0 : opacityVariation()) !== null && _a !== void 0 ? _a : .3;
-	});
-	var getSizeSpeed = computed(function() {
-		var _a;
-		return (_a = sizeSpeed === null || sizeSpeed === void 0 ? void 0 : sizeSpeed()) !== null && _a !== void 0 ? _a : .002;
-	});
-	var getOpacitySpeed = computed(function() {
-		var _a;
-		return (_a = opacitySpeed === null || opacitySpeed === void 0 ? void 0 : opacitySpeed()) !== null && _a !== void 0 ? _a : .003;
-	});
-	var getLightColor = computed(function() {
-		var _a;
-		return (_a = lightColor === null || lightColor === void 0 ? void 0 : lightColor()) !== null && _a !== void 0 ? _a : 16777130;
-	});
-	var time = signal(0);
-	var currentRadius = computed(function() {
-		var t = time();
-		var base = getBaseRadius();
-		var variation = getRadiusVariation();
-		var speed = getSizeSpeed();
+	const defineProps = useDefineProps($$props);
+	useDefineEmits($$props);
+	const { object, baseRadius, radiusVariation, baseOpacity, opacityVariation, sizeSpeed, opacitySpeed, lightColor } = defineProps();
+	const sprite = object();
+	const getBaseRadius = computed(() => baseRadius?.() ?? 30);
+	const getRadiusVariation = computed(() => radiusVariation?.() ?? 10);
+	const getBaseOpacity = computed(() => baseOpacity?.() ?? .6);
+	const getOpacityVariation = computed(() => opacityVariation?.() ?? .3);
+	const getSizeSpeed = computed(() => sizeSpeed?.() ?? .002);
+	const getOpacitySpeed = computed(() => opacitySpeed?.() ?? .003);
+	const getLightColor = computed(() => lightColor?.() ?? 16777130);
+	const time = signal(0);
+	const currentRadius = computed(() => {
+		const t = time();
+		const base = getBaseRadius();
+		const variation = getRadiusVariation();
+		const speed = getSizeSpeed();
 		return base + (Math.sin(t * speed) + Math.sin(t * speed * 1.5) * .5) / 1.5 * variation;
 	});
-	var currentOpacity = computed(function() {
-		var t = time();
-		var base = getBaseOpacity();
-		var variation = getOpacityVariation();
-		var speed = getOpacitySpeed();
-		var fade = Math.sin(t * speed);
-		var flicker = (Math.random() - .5) * .1;
+	const currentOpacity = computed(() => {
+		const t = time();
+		const base = getBaseOpacity();
+		const variation = getOpacityVariation();
+		const speed = getOpacitySpeed();
+		const fade = Math.sin(t * speed);
+		const flicker = (Math.random() - .5) * .1;
 		return Math.max(0, Math.min(1, base + fade * variation + flicker));
 	});
-	var hitbox = object.hitbox;
-	var position = computed(function() {
-		return {
-			x: hitbox().w / 2,
-			y: hitbox().h / 2
-		};
-	});
-	var blurFilter = new BlurFilter({
+	const hitbox = sprite.hitbox;
+	const position = computed(() => ({
+		x: hitbox().w / 2,
+		y: hitbox().h / 2
+	}));
+	const blurFilter = new BlurFilter({
 		strength: 20,
 		quality: 3
 	});
-	var drawHalo = function(g) {
-		var radius = currentRadius();
-		var opacity = currentOpacity();
-		var color = getLightColor();
+	const drawHalo = (g) => {
+		const radius = currentRadius();
+		const opacity = currentOpacity();
+		const color = getLightColor();
 		if (opacity <= 0 || radius <= 0) return;
 		g.blendMode = "add";
 		g.filters = [blurFilter];
@@ -78,17 +58,16 @@ function component($$props) {
 			alpha: opacity * .5
 		});
 	};
-	tick(function() {
-		time.update(function(t) {
-			return t + 1;
-		});
+	tick(() => {
+		time.update((t) => t + 1);
 	});
 	return h(Container, {
 		x: position.x,
 		y: position.y
 	}, h(Graphics, { draw: drawHalo }));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=light-halo.ce.js.map

package/dist/components/prebuilt/light-halo.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"light-halo.ce.js","names":[],"sources":["../../../src/components/prebuilt/light-halo.ce"],"sourcesContent":["<Container x={position.x} y={position.y}>\n  <Graphics draw={drawHalo}  />\n</Container>\n\n<script>\nimport { computed, signal, tick, mount } from \"canvasengine\";\nimport { BlurFilter } from \"pixi.js\";\n\n/**\n * Component props for LightHalo\n * \n * All props are signals (even static ones) and must be read with `()`.\n * Props are optional and will use default values if not provided.\n * \n * @property {Object} object - The sprite object (required)\n * @property {number|Signal<number>} [baseRadius] - Base radius of the light halo in pixels (default: 30)\n * @property {number|Signal<number>} [radiusVariation] - Radius variation range (halo will pulse between baseRadius ± radiusVariation) (default: 10)\n * @property {number|Signal<number>} [baseOpacity] - Base opacity of the light halo (0 to 1) (default: 0.6)\n * @property {number|Signal<number>} [opacityVariation] - Opacity variation range (halo will fade between baseOpacity ± opacityVariation) (default: 0.3)\n * @property {number|Signal<number>} [sizeSpeed] - Animation speed for size pulsing (higher = faster) (default: 0.002)\n * @property {number|Signal<number>} [opacitySpeed] - Animation speed for opacity fading (higher = faster) (default: 0.003)\n * @property {number|Signal<number>} [lightColor] - Color of the light halo (hex value, warm yellow-white by default: 0xffffaa)\n */\nconst { \n  object, \n  baseRadius,\n  radiusVariation,\n  baseOpacity,\n  opacityVariation,\n  sizeSpeed,\n  opacitySpeed,\n  lightColor\n} = defineProps();\n\n// ====================\n// Props with default values\n// ====================\n\nconst getBaseRadius = computed(() => baseRadius?.() ?? 30);\nconst getRadiusVariation = computed(() => radiusVariation?.() ?? 10);\nconst getBaseOpacity = computed(() => baseOpacity?.() ?? 0.6);\nconst getOpacityVariation = computed(() => opacityVariation?.() ?? 0.3);\nconst getSizeSpeed = computed(() => sizeSpeed?.() ?? 0.002);\nconst getOpacitySpeed = computed(() => opacitySpeed?.() ?? 0.003);\nconst getLightColor = computed(() => lightColor?.() ?? 0xffffaa);\n\n// ====================\n// Animation state\n// ====================\n\n/** Time counter for animations */\nconst time = signal(0);\n\n/**\n * Current radius of the halo with pulsing animation\n * Uses multiple sine waves for more organic movement\n */\nconst currentRadius = computed(() => {\n  const t = time();\n  const base = getBaseRadius();\n  const variation = getRadiusVariation();\n  const speed = getSizeSpeed();\n  \n  // Combine two sine waves for less predictable pulsing\n  const pulse1 = Math.sin(t * speed);\n  const pulse2 = Math.sin(t * speed * 1.5) * 0.5;\n  const combinedPulse = (pulse1 + pulse2) / 1.5;\n  \n  return base + (combinedPulse * variation);\n});\n\n/**\n * Current opacity of the halo with fading animation\n * Includes a subtle flicker effect\n */\nconst currentOpacity = computed(() => {\n  const t = time();\n  const base = getBaseOpacity();\n  const variation = getOpacityVariation();\n  const speed = getOpacitySpeed();\n  \n  // Main breathing cycle\n  const fade = Math.sin(t * speed);\n  \n  // Subtle high-frequency flicker (candle-like)\n  const flicker = (Math.random() - 0.5) * 0.1;\n  \n  return Math.max(0, Math.min(1, base + (fade * variation) + flicker));\n});\n\n// ====================\n// Position calculations\n// ====================\n\nconst hitbox = object.hitbox;\n\nconst position = computed(() => ({\n  x: hitbox().w / 2,\n  y: hitbox().h / 2\n}));\n\n// ====================\n// Drawing function\n// ====================\n\n// Create filters once to avoid recreation on every frame\nconst blurFilter = new BlurFilter({ strength: 20, quality: 3 });\n\n/**\n * Draws the light halo effect with realistic diffusion\n */\nconst drawHalo = (g) => {\n  const radius = currentRadius();\n  const opacity = currentOpacity();\n  const color = getLightColor();\n  \n  if (opacity <= 0 || radius <= 0) return;\n\n  // Set blend mode to ADD for glowing light effect\n  g.blendMode = 'add';\n  \n  // Apply blur filter for soft light diffusion\n  g.filters = [blurFilter];\n  \n  // Draw main light source\n  // The blur filter will spread this out into a nice gradient\n  g.circle(0, 0, radius);\n  g.fill({ \n    color: color, \n    alpha: opacity \n  });\n  \n  // Draw a smaller, brighter core\n  g.circle(0, 0, radius * 0.4);\n  g.fill({ \n    color: 0xffffff, \n    alpha: opacity * 0.5 \n  });\n};\n\n// ====================\n// Animation loop\n// ====================\ntick(() => {\n  time.update(t => t + 1);\n});\n</script>\n\n"],"mappings":"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"}
+{"version":3,"file":"light-halo.ce.js","names":[],"sources":["../../../src/components/prebuilt/light-halo.ce"],"sourcesContent":["<Container x={position.x} y={position.y}>\n  <Graphics draw={drawHalo}  />\n</Container>\n\n<script>\nimport { computed, signal, tick, mount } from \"canvasengine\";\nimport { BlurFilter } from \"pixi.js\";\n\n/**\n * Component props for LightHalo\n * \n * All props are signals (even static ones) and must be read with `()`.\n * Props are optional and will use default values if not provided.\n * \n * @property {Object} object - The sprite object (required)\n * @property {number|Signal<number>} [baseRadius] - Base radius of the light halo in pixels (default: 30)\n * @property {number|Signal<number>} [radiusVariation] - Radius variation range (halo will pulse between baseRadius ± radiusVariation) (default: 10)\n * @property {number|Signal<number>} [baseOpacity] - Base opacity of the light halo (0 to 1) (default: 0.6)\n * @property {number|Signal<number>} [opacityVariation] - Opacity variation range (halo will fade between baseOpacity ± opacityVariation) (default: 0.3)\n * @property {number|Signal<number>} [sizeSpeed] - Animation speed for size pulsing (higher = faster) (default: 0.002)\n * @property {number|Signal<number>} [opacitySpeed] - Animation speed for opacity fading (higher = faster) (default: 0.003)\n * @property {number|Signal<number>} [lightColor] - Color of the light halo (hex value, warm yellow-white by default: 0xffffaa)\n */\nconst { \n  object, \n  baseRadius,\n  radiusVariation,\n  baseOpacity,\n  opacityVariation,\n  sizeSpeed,\n  opacitySpeed,\n  lightColor\n} = defineProps();\nconst sprite = object();\n\n// ====================\n// Props with default values\n// ====================\n\nconst getBaseRadius = computed(() => baseRadius?.() ?? 30);\nconst getRadiusVariation = computed(() => radiusVariation?.() ?? 10);\nconst getBaseOpacity = computed(() => baseOpacity?.() ?? 0.6);\nconst getOpacityVariation = computed(() => opacityVariation?.() ?? 0.3);\nconst getSizeSpeed = computed(() => sizeSpeed?.() ?? 0.002);\nconst getOpacitySpeed = computed(() => opacitySpeed?.() ?? 0.003);\nconst getLightColor = computed(() => lightColor?.() ?? 0xffffaa);\n\n// ====================\n// Animation state\n// ====================\n\n/** Time counter for animations */\nconst time = signal(0);\n\n/**\n * Current radius of the halo with pulsing animation\n * Uses multiple sine waves for more organic movement\n */\nconst currentRadius = computed(() => {\n  const t = time();\n  const base = getBaseRadius();\n  const variation = getRadiusVariation();\n  const speed = getSizeSpeed();\n  \n  // Combine two sine waves for less predictable pulsing\n  const pulse1 = Math.sin(t * speed);\n  const pulse2 = Math.sin(t * speed * 1.5) * 0.5;\n  const combinedPulse = (pulse1 + pulse2) / 1.5;\n  \n  return base + (combinedPulse * variation);\n});\n\n/**\n * Current opacity of the halo with fading animation\n * Includes a subtle flicker effect\n */\nconst currentOpacity = computed(() => {\n  const t = time();\n  const base = getBaseOpacity();\n  const variation = getOpacityVariation();\n  const speed = getOpacitySpeed();\n  \n  // Main breathing cycle\n  const fade = Math.sin(t * speed);\n  \n  // Subtle high-frequency flicker (candle-like)\n  const flicker = (Math.random() - 0.5) * 0.1;\n  \n  return Math.max(0, Math.min(1, base + (fade * variation) + flicker));\n});\n\n// ====================\n// Position calculations\n// ====================\n\nconst hitbox = sprite.hitbox;\n\nconst position = computed(() => ({\n  x: hitbox().w / 2,\n  y: hitbox().h / 2\n}));\n\n// ====================\n// Drawing function\n// ====================\n\n// Create filters once to avoid recreation on every frame\nconst blurFilter = new BlurFilter({ strength: 20, quality: 3 });\n\n/**\n * Draws the light halo effect with realistic diffusion\n */\nconst drawHalo = (g) => {\n  const radius = currentRadius();\n  const opacity = currentOpacity();\n  const color = getLightColor();\n  \n  if (opacity <= 0 || radius <= 0) return;\n\n  // Set blend mode to ADD for glowing light effect\n  g.blendMode = 'add';\n  \n  // Apply blur filter for soft light diffusion\n  g.filters = [blurFilter];\n  \n  // Draw main light source\n  // The blur filter will spread this out into a nice gradient\n  g.circle(0, 0, radius);\n  g.fill({ \n    color: color, \n    alpha: opacity \n  });\n  \n  // Draw a smaller, brighter core\n  g.circle(0, 0, radius * 0.4);\n  g.fill({ \n    color: 0xffffff, \n    alpha: opacity * 0.5 \n  });\n};\n\n// ====================\n// Animation loop\n// ====================\ntick(() => {\n  time.update(t => t + 1);\n});\n</script>\n"],"mappings":";;;AAQE,SAAA,UAAA,SAAA;CACqB,SAAA,OAAA;CACrB,MAAA,cAAA,eAAA,OAAA;CACwB,eAAiB,OAAK;CACxC,MAAK,EAAA,QAAS,YAAa,iBAAkB,aAAY,kBAAA,WAAA,cAAA,eAAA,YAAA;CACjE,MAAE,SAAA,OAAA;CACF,MAAI,gBAAkB,eAAa,aAAe,KAAA,EAAA;CAClD,MAAI,qBAAuB,eAAW,kBAAmB,KAAO,EAAG;CACnE,MAAI,iBAAiB,eAAiB,cAAA,KAAmB,EAAA;CACzD,MAAI,sBAAwB,eAAU,mBAAoB,KAAQ,EAAG;CACrE,MAAI,eAAiB,eAAe,YAAE,KAAA,IAAoB;CAC1D,MAAI,kBAAiB,eAAiB,eAAa,KAAA,IAAU;CAC7D,MAAI,gBAAiB,eAAgB,aAAa,KAAI,QAAS;CAC/D,MAAI,OAAS,OAAO,CAAC;CACrB,MAAE,gBAAA,eAAA;EACF,MAAO,IAAA,KAAA;EACL,MAAO,OAAA,cAAA;EACP,MAAA,YAAU,mBAAA;EACV,MAAA,QAAe,aAAA;EAKf,OAAA,QAHgB,KAAA,IAAA,IAAA,KAEJ,IADH,KAAA,IAAA,IAAA,QAAA,GAAA,IAAA,MACG,MACZ;CACF,CAAC;CACD,MAAM,iBAAiB,eAAA;;EAEnB,MAAM,OAAO,eAAK;EACnB,MAAM,YAAa,oBAAA;EAClB,MAAM,QAAQ,gBAAI;EAEtB,MAAM,OAAA,KAAgB,IAAA,IAAQ,KAAK;EAEnC,MAAM,WAAe,KAAE,OAAU,IAAI,MAAC;EACtC,OAAM,KAAA,IAAA,GAAA,KAAsB,IAAA,GAAA,OAAe,OAAA,YAAoB,OAAO,CAAC;CACvE,CAAA;CACA,MAAM,SAAA,OAAgB;CACtB,MAAM,WAAA,gBAA2B;;EAE7B,GAAG,OAAO,EAAE,IAAI;CACpB,EAAE;CACF,MAAM,aAAa,IAAG,WAAA;EAAA,UAAA;EAAA,SAAA;CAAA,CAAA;;EAElB,MAAK,SAAQ,cAAgB;EACjC,MAAU,UAAU,eAAE;;EAEpB,IAAA,WAAA,KAAA,UAAA,GACC;EAED,EAAA,YAAA;EAEA,EAAA,UAAc,CAAC,UAAC;EAGhB,EAAA,OAAW,GAAG,GAAA,MAAA;EACf,EAAA,KAAA;GACY;GACL,OAAO;EACb,CAAA;EAED,EAAA,OAAA,GAAA,GAAA,SAAA,EAAA;EACC,EAAA,KAAO;GACP,OAAA;;EAEA,CAAA;CACF;CACA,WAAW;EACT,KAAA,QAAA,MAAA,IAAA,CAAA;CACF,CAAA;CAEQ,OADU,EAAA,WAAA;EAAA,GAAA,SAAA;EAAA,GAAA,SAAA;CAAA,GAAA,EAAA,UAAA,EAAA,MAAA,SAAA,CAAA,CACH;AACb;AAED,IAAA,iBAAA"}

package/dist/components/scenes/canvas.ce.js

@@ -1,60 +1,238 @@
 import { inject } from "../../core/inject.js";
-import component$1 from "./draw-map.ce.js";
 import { RpgGui } from "../../Gui/Gui.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
-import { Canvas, Container, Viewport, computed, cond, effect, h, loop, useDefineProps, useProps } from "canvasengine";
-import { delay } from "@rpgjs/common";
+import { Canvas, Container, Viewport, computed, cond, effect, h, loop, useDefineEmits, useDefineProps, useProps } from "canvasengine";
+import { shouldRenderLightingShadows } from "@rpgjs/common";
+import { NightAmbiant, SpriteShadows } from "@canvasengine/presets";
 //#region src/components/scenes/canvas.ce
 function component($$props) {
 	useProps($$props);
 	useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var guiService = inject(RpgGui);
-	var sceneData = engine.sceneMap.data;
-	var guiList = computed(function() {
-		return Object.values(guiService.gui()).filter(function(gui) {
-			return !gui.attachToSprite;
-		});
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const SceneMap = engine.sceneMapComponent;
+	const guiService = inject(RpgGui);
+	const sceneData = engine.sceneMap.data;
+	const lighting = engine.sceneMap.lighting;
+	const guiList = computed(() => {
+		return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite);
 	});
-	var worldWidth = computed(function() {
-		var _a;
-		return (_a = sceneData()) === null || _a === void 0 ? void 0 : _a.width;
+	const worldWidth = computed(() => {
+		const data = sceneData?.();
+		const scale = Number(data?.params?.scale ?? 1) || 1;
+		return Number(data?.width ?? data?.params?.width ?? 2048) * scale;
 	});
-	var worldHeight = computed(function() {
-		var _a;
-		return (_a = sceneData()) === null || _a === void 0 ? void 0 : _a.height;
+	const worldHeight = computed(() => {
+		const data = sceneData?.();
+		const scale = Number(data?.params?.scale ?? 1) || 1;
+		return Number(data?.height ?? data?.params?.height ?? 2048) * scale;
 	});
-	effect(function() {
+	effect(() => {
 		if (sceneData() && !sceneData().component) throw new Error("Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.");
 	});
-	var onGuiFinish = function(gui, data) {
-		delay(function() {
-			guiService.guiClose(gui.name, data);
-		});
+	const normalizeOpenId = (value) => {
+		const resolved = typeof value === "function" ? value() : value;
+		return typeof resolved === "string" && resolved.length > 0 ? resolved : void 0;
+	};
+	const onGuiFinish = (gui, data, guiOpenId) => {
+		const completedOpenId = normalizeOpenId(guiOpenId);
+		const currentOpenId = normalizeOpenId(gui.openId);
+		if (completedOpenId && currentOpenId && completedOpenId !== currentOpenId) return;
+		guiService.guiClose(gui.name, data, completedOpenId ?? currentOpenId);
 	};
-	var onGuiInteraction = function(gui, name, data) {
+	const onGuiInteraction = (gui, name, data) => {
 		guiService.guiInteraction(gui.name, name, data);
 	};
+	const clamp = { direction: "all" };
+	const NIGHT_SPOT_RADIUS_SCALE = 4.25;
+	const NIGHT_SPOT_MIN_RADIUS = 170;
+	const NIGHT_SPOT_MIN_INTENSITY = 1;
+	const SHADOW_SPOT_RADIUS_SCALE = 12;
+	const SHADOW_SPOT_MIN_RADIUS = 480;
+	const toFiniteNumber = (value, fallback = null) => {
+		const number = Number(value);
+		return Number.isFinite(number) ? number : fallback;
+	};
+	const clampNumber = (value, min, max) => Math.max(min, Math.min(max, value));
+	const nightSpotRadius = (radius) => Math.max(radius * NIGHT_SPOT_RADIUS_SCALE, NIGHT_SPOT_MIN_RADIUS);
+	const shadowSpotRadius = (radius) => Math.max(radius * SHADOW_SPOT_RADIUS_SCALE, SHADOW_SPOT_MIN_RADIUS);
+	const nightSpotIntensity = (intensity, fallback) => Math.max(intensity ?? fallback, NIGHT_SPOT_MIN_INTENSITY);
+	const shadowLightIntensity = (intensity, fallback = 1) => {
+		const value = Number(intensity ?? fallback);
+		return Number.isFinite(value) ? Math.max(0, value) : fallback;
+	};
+	const shadowSpotIntensity = (intensity) => shadowLightIntensity(intensity, 1);
+	const lightingAmbient = computed(() => {
+		return (lighting?.())?.ambient ?? {};
+	});
+	const nightLights = computed(() => {
+		return ((lighting?.())?.spots ?? []).map((spot, index) => {
+			const radius = spot.radius ?? 180;
+			return {
+				x: spot.x,
+				y: spot.y,
+				radius: nightSpotRadius(radius),
+				intensity: nightSpotIntensity(spot.intensity, index === 0 ? 1 : .92),
+				flicker: spot.flicker,
+				flickerSpeed: spot.flickerSpeed ?? 14,
+				pulse: spot.pulse,
+				pulseSpeed: spot.pulseSpeed,
+				phase: spot.phase
+			};
+		});
+	});
+	const lightingDarkness = computed(() => {
+		const darkness = lightingAmbient().darkness;
+		return typeof darkness === "number" ? darkness : 0;
+	});
+	const lightingAmbientEnabled = computed(() => {
+		const state = lighting?.();
+		return Boolean(state && lightingDarkness() > 0);
+	});
+	const lightingDarknessProps = computed(() => ({
+		opacity: lightingDarkness(),
+		color: lightingAmbient().darkColor ?? "#080a12"
+	}));
+	const lightingHaze = computed(() => ({
+		color: lightingAmbient().fogColor ?? "#12182a",
+		radius: lightingAmbient().fogRadius ?? .44,
+		softness: lightingAmbient().fogSoftness ?? .3,
+		opacity: lightingAmbient().fogOpacity ?? .35
+	}));
+	const defaultSunLight = () => {
+		const data = sceneData?.();
+		const width = Number(data?.width ?? data?.params?.width ?? 2048);
+		const height = Number(data?.height ?? data?.params?.height ?? 2048);
+		const scale = Number(data?.params?.scale ?? 1) || 1;
+		const mapWidth = width * scale;
+		const mapHeight = height * scale;
+		const projectionBase = Math.max(1, mapWidth, mapHeight);
+		return {
+			x: -projectionBase * 24,
+			y: -projectionBase * 24,
+			z: 520,
+			radius: projectionBase * 160,
+			intensity: .85,
+			shadowWeight: lightingDarkness() > 0 ? 2.2 : 1,
+			enabled: true
+		};
+	};
+	const normalizeSunDirection = (sun) => {
+		const x = toFiniteNumber(sun?.x, null);
+		const y = toFiniteNumber(sun?.y, null);
+		if (x !== null && y !== null && Math.hypot(x, y) > .001) return {
+			x,
+			y
+		};
+		return {
+			x: -.45,
+			y: -1
+		};
+	};
+	const defaultSunAmbientLight = () => {
+		const state = lighting?.();
+		if (!state?.sun || state.sun.enabled === false) return null;
+		const defaultSun = defaultSunLight();
+		const sun = {
+			...defaultSun,
+			...state.sun,
+			intensity: shadowLightIntensity(state.sun.intensity, defaultSun.intensity),
+			shadowWeight: state.sun.shadowWeight ?? defaultSun.shadowWeight
+		};
+		if (sun.intensity <= 0) return null;
+		const direction = normalizeSunDirection(sun);
+		const shadowWeight = clampNumber(toFiniteNumber(sun.shadowWeight, lightingDarkness() > 0 ? 1.35 : 1) ?? 1, 0, 4);
+		const length = clampNumber(30 + sun.intensity * 38 * Math.max(.75, shadowWeight), 30, 86);
+		return {
+			x: direction.x,
+			y: direction.y,
+			z: toFiniteNumber(sun.z, 520) ?? 520,
+			intensity: clampNumber(sun.intensity, 0, 2),
+			shadowWeight,
+			length
+		};
+	};
+	const shadowState = computed(() => {
+		return (lighting?.())?.shadows ?? null;
+	});
+	const shadowLights = computed(() => {
+		return ((lighting?.())?.spots ?? []).map((spot) => {
+			const radius = spot.radius ?? 180;
+			return {
+				x: spot.x,
+				y: spot.y,
+				z: 170,
+				radius: shadowSpotRadius(radius),
+				intensity: shadowSpotIntensity(spot.intensity),
+				shadowWeight: 1,
+				enabled: true
+			};
+		});
+	});
+	const shadowAmbientLight = computed(() => {
+		const shadows = shadowState();
+		if (shadows?.ambientLight === null || shadows?.ambientLight?.enabled === false) return null;
+		return shadows?.ambientLight ?? defaultSunAmbientLight();
+	});
+	const shadowEnabled = computed(() => {
+		const state = lighting?.();
+		return Boolean(shouldRenderLightingShadows(state) && (shadowLights().length > 0 || shadowAmbientLight()));
+	});
+	const shadowMode = computed(() => shadowState()?.mode ?? "strongest");
+	const shadowUpdateHz = computed(() => shadowState()?.updateHz ?? 60);
+	const shadowScanHz = computed(() => shadowState()?.scanHz ?? 8);
+	const shadowCullToViewport = computed(() => shadowState()?.cullToViewport ?? true);
+	const shadowMinInfluence = computed(() => shadowState()?.minInfluence ?? .24);
+	const shadowFalloffPower = computed(() => shadowState()?.falloffPower ?? .85);
+	const shadowColor = computed(() => shadowState()?.shadowColor ?? "#05070d");
 	return h(Canvas, {
 		width: engine.width,
 		height: engine.height
 	}, [h(Viewport, {
 		worldWidth,
 		worldHeight,
-		clamp: { direction: "all" },
+		clamp,
 		sortableChildren: true
-	}, cond(sceneData, () => h(component$1))), loop(guiList, (gui) => h(Container, { display: "flex" }, cond(gui.display, () => h(gui.component, {
+	}, [
+		cond(computed(() => lightingAmbientEnabled()), () => h(NightAmbiant, {
+			spots: nightLights,
+			darkness: lightingDarknessProps,
+			haze: lightingHaze
+		})),
+		cond(computed(() => shadowEnabled()), () => h(SpriteShadows, {
+			lights: shadowLights,
+			ambientLight: shadowAmbientLight,
+			minInfluence: shadowMinInfluence,
+			falloffPower: shadowFalloffPower,
+			mode: shadowMode,
+			updateHz: shadowUpdateHz,
+			scanHz: shadowScanHz,
+			cullToViewport: shadowCullToViewport,
+			shadowColor
+		})),
+		h(SceneMap)
+	]), loop(guiList, (gui) => h(Container, {
+		positionType: "absolute",
+		top: 0,
+		left: 0,
+		right: 0,
+		bottom: 0,
+		width: engine.width,
+		height: engine.height
+	}, cond(gui.display, () => h(gui.component, {
 		data: gui.data,
 		dependencies: gui.dependencies,
-		onFinish: (data) => {
-			onGuiFinish(gui, data);
+		guiOpenId: gui.openId,
+		onFinish: (data, guiOpenId) => {
+			onGuiFinish(gui, data, guiOpenId);
 		},
 		onInteraction: (name, data) => {
 			onGuiInteraction(gui, name, data);
 		}
 	}))))]);
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=canvas.ce.js.map

package/dist/components/scenes/canvas.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.ce.js","names":[],"sources":["../../../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={engine.width} height={engine.height}>\n  <Viewport worldWidth worldHeight clamp sortableChildren={true}>\n    @if (sceneData) {\n      <SceneMap />\n    }\n  </Viewport>\n  @for (gui of guiList) {\n      <Container display=\"flex\">\n        @if (gui.display) {\n          <gui.component data={gui.data} dependencies={gui.dependencies} onFinish={(data) => {\n            onGuiFinish(gui, data)\n          }} onInteraction={(name, data) => {\n            onGuiInteraction(gui, name, data)\n          }} /> \n        }\n      </Container>\n  }\n</Canvas>\n\n<script>\n  import { signal, computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import SceneMap from './draw-map.ce'\n  import { RpgGui } from \"../../Gui/Gui\";\n  import { delay } from \"@rpgjs/common\";\n\n  const engine = inject(RpgClientEngine);\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const guiList = computed(() => {\n    return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite)\n  })\n  const worldWidth = computed(() => sceneData()?.width)\n  const worldHeight = computed(() => sceneData()?.height)\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\n\n  const onGuiFinish = (gui, data) => {\n    delay(() => {\n      guiService.guiClose(gui.name, data)\n    })\n  }\n\n  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n  \n  const clamp = {\n    direction: \"all\"\n  }\n</script>\n"],"mappings":";;;;;;;AAaM,SAAS,UAAA,SAAA;AACP,UAAA,QAAA;AACS,gBAAA,QAAA;CACf,IAAA,SAAA,OAAA,gBAAA;CACF,IAAE,aAAM,OAAA,OAAA;;CAER,IAAC,UAAM,SAAA,WAAA;AACL,SAAS,OAAO,OAAC,WAAiB,KAAE,CAAI,CAAC,OAAC,SAAa,KAAA;AAAA,UAAA,CAAA,IAAA;IAAA;GACvD;CACF,IAAE,aAAS,SAAe,WAAY;EAAE,IAAC;AAAA,UAAe,KAAC,WAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;GAAA;CACzD,IAAE,cAAgB,SAAQ,WAAW;EAAA,IAAA;AAAA,UAAA,KAAA,WAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;GAAA;AACrC,QAAE,WAAiB;AACjB,MAAM,WAAW,IAAI,CAAC,WAAQ,CAAA,UAAA,OAAA,IAAA,MAAA,oHAAA;GAG9B;CACF,IAAE,cAAgB,SAAS,KAAA,MAAS;AAClC,QAAM,WAAU;AACd,cAAc,SAAO,IAAA,MAAW,KAAO;IACxC;;CAEH,IAAE,mBAAoB,SAAW,KAAI,MAAA,MAAa;;;AAW7C,QALF,EAAA,QAAA;EAAA,OAAA,OAAA;EAAA,QAAA,OAAA;EAAA,EAAA,CAAA,EAAA,UAAA;EAAA;EAAA;EAAA,OAHM,EACL,WAAS,OACZ;EACE,kBAAA;EAAA,EAAA,KAAA,iBAAA,EAAA,YAAA,CAAA,CAAA,EAAA,KAAA,UAAA,QAAA,EAAA,WAAA,EAAA,SAAA,QAAA,EAAA,KAAA,IAAA,eAAA,EAAA,IAAA,WAAA;EAAA,MAAA,IAAA;EAAA,cAAA,IAAA;EAAA,WAAA,SAAA;;;EAEK,gBAAoB,MAAO,SAAE;AACzB,oBAAI,KAAA,MAAA,KAAA;;EACV,CAAA,CAAA,CAAU,CAAC,CAAA,CAAA"}
+{"version":3,"file":"canvas.ce.js","names":[],"sources":["../../../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={engine.width} height={engine.height}>\n  <Viewport worldWidth worldHeight clamp sortableChildren={true}>\n    @if (lightingAmbientEnabled()) {\n      <NightAmbiant\n        spots={nightLights}\n        darkness={lightingDarknessProps}\n        haze={lightingHaze}\n      />\n    }\n    @if (shadowEnabled()) {\n      <SpriteShadows\n        lights={shadowLights}\n        ambientLight={shadowAmbientLight}\n        minInfluence={shadowMinInfluence}\n        falloffPower={shadowFalloffPower}\n        mode={shadowMode}\n        updateHz={shadowUpdateHz}\n        scanHz={shadowScanHz}\n        cullToViewport={shadowCullToViewport}\n        shadowColor={shadowColor}\n      />\n    }\n    <SceneMap />\n  </Viewport>\n  @for (gui of guiList) {\n      <Container\n        positionType=\"absolute\"\n        top={0}\n        left={0}\n        right={0}\n        bottom={0}\n        width={engine.width}\n        height={engine.height}\n      >\n        @if (gui.display) {\n          <gui.component data={gui.data} dependencies={gui.dependencies} guiOpenId={gui.openId} onFinish={(data, guiOpenId) => {\n            onGuiFinish(gui, data, guiOpenId)\n          }} onInteraction={(name, data) => {\n            onGuiInteraction(gui, name, data)\n          }} /> \n        }\n      </Container>\n  }\n</Canvas>\n\n<script>\n  import { computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { RpgGui } from \"../../Gui/Gui\";\n  import { NightAmbiant, SpriteShadows } from '@canvasengine/presets'\n  import { shouldRenderLightingShadows } from \"@rpgjs/common\";\n\n  const engine = inject(RpgClientEngine);\n  const SceneMap = engine.sceneMapComponent;\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const lighting = engine.sceneMap.lighting\n  const guiList = computed(() => {\n    return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite)\n  })\n  const worldWidth = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.width ?? data?.params?.width ?? 2048) * scale\n  })\n  const worldHeight = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.height ?? data?.params?.height ?? 2048) * scale\n  })\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\n\n  const normalizeOpenId = (value) => {\n    const resolved = typeof value === \"function\" ? value() : value\n    return typeof resolved === \"string\" && resolved.length > 0 ? resolved : undefined\n  }\n\n  const onGuiFinish = (gui, data, guiOpenId) => {\n    const completedOpenId = normalizeOpenId(guiOpenId)\n    const currentOpenId = normalizeOpenId(gui.openId)\n    if (completedOpenId && currentOpenId && completedOpenId !== currentOpenId) return\n    guiService.guiClose(gui.name, data, completedOpenId ?? currentOpenId)\n  }\n\n  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n\n  const clamp = {\n    direction: \"all\"\n  }\n  const NIGHT_SPOT_RADIUS_SCALE = 4.25\n  const NIGHT_SPOT_MIN_RADIUS = 170\n  const NIGHT_SPOT_MIN_INTENSITY = 1\n  const SHADOW_SPOT_RADIUS_SCALE = 12\n  const SHADOW_SPOT_MIN_RADIUS = 480\n\n  const toFiniteNumber = (value, fallback = null) => {\n    const number = Number(value)\n    return Number.isFinite(number) ? number : fallback\n  }\n  const clampNumber = (value, min, max) => Math.max(min, Math.min(max, value))\n  const nightSpotRadius = (radius) => Math.max(radius * NIGHT_SPOT_RADIUS_SCALE, NIGHT_SPOT_MIN_RADIUS)\n  const shadowSpotRadius = (radius) => Math.max(radius * SHADOW_SPOT_RADIUS_SCALE, SHADOW_SPOT_MIN_RADIUS)\n  const nightSpotIntensity = (intensity, fallback) => Math.max(intensity ?? fallback, NIGHT_SPOT_MIN_INTENSITY)\n  const shadowLightIntensity = (intensity, fallback = 1) => {\n    const value = Number(intensity ?? fallback)\n    return Number.isFinite(value) ? Math.max(0, value) : fallback\n  }\n  const shadowSpotIntensity = (intensity) => shadowLightIntensity(intensity, 1)\n\n  const lightingAmbient = computed(() => {\n    const state = lighting?.()\n    return state?.ambient ?? {}\n  })\n\n  const nightLights = computed(() => {\n    const state = lighting?.()\n    return (state?.spots ?? []).map((spot, index) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        radius: nightSpotRadius(radius),\n        intensity: nightSpotIntensity(spot.intensity, index === 0 ? 1 : 0.92),\n        flicker: spot.flicker,\n        flickerSpeed: spot.flickerSpeed ?? 14,\n        pulse: spot.pulse,\n        pulseSpeed: spot.pulseSpeed,\n        phase: spot.phase,\n      }\n    })\n  })\n  const lightingDarkness = computed(() => {\n    const darkness = lightingAmbient().darkness\n    return typeof darkness === \"number\" ? darkness : 0\n  })\n\n  const lightingAmbientEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(state && lightingDarkness() > 0)\n  })\n\n  const lightingDarknessProps = computed(() => ({\n    opacity: lightingDarkness(),\n    color: lightingAmbient().darkColor ?? \"#080a12\",\n  }))\n  const lightingHaze = computed(() => ({\n    color: lightingAmbient().fogColor ?? \"#12182a\",\n    radius: lightingAmbient().fogRadius ?? 0.44,\n    softness: lightingAmbient().fogSoftness ?? 0.3,\n    opacity: lightingAmbient().fogOpacity ?? 0.35,\n  }))\n\n  const defaultSunLight = () => {\n    const data = sceneData?.()\n    const width = Number(data?.width ?? data?.params?.width ?? 2048)\n    const height = Number(data?.height ?? data?.params?.height ?? 2048)\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    const mapWidth = width * scale\n    const mapHeight = height * scale\n    const projectionBase = Math.max(1, mapWidth, mapHeight)\n\n    return {\n      x: -projectionBase * 24,\n      y: -projectionBase * 24,\n      z: 520,\n      radius: projectionBase * 160,\n      intensity: 0.85,\n      shadowWeight: lightingDarkness() > 0 ? 2.2 : 1,\n      enabled: true,\n    }\n  }\n\n  const normalizeSunDirection = (sun) => {\n    const x = toFiniteNumber(sun?.x, null)\n    const y = toFiniteNumber(sun?.y, null)\n    if (x !== null && y !== null && Math.hypot(x, y) > 0.001) {\n      return { x, y }\n    }\n    return { x: -0.45, y: -1 }\n  }\n\n  const defaultSunAmbientLight = () => {\n    const state = lighting?.()\n    if (!state?.sun || state.sun.enabled === false) return null\n\n    const defaultSun = defaultSunLight()\n    const sun = {\n      ...defaultSun,\n      ...state.sun,\n      intensity: shadowLightIntensity(state.sun.intensity, defaultSun.intensity),\n      shadowWeight: state.sun.shadowWeight ?? defaultSun.shadowWeight,\n    }\n    if (sun.intensity <= 0) return null\n\n    const direction = normalizeSunDirection(sun)\n    const shadowWeight = clampNumber(toFiniteNumber(sun.shadowWeight, lightingDarkness() > 0 ? 1.35 : 1) ?? 1, 0, 4)\n    const length = clampNumber(30 + sun.intensity * 38 * Math.max(0.75, shadowWeight), 30, 86)\n\n    return {\n      x: direction.x,\n      y: direction.y,\n      z: toFiniteNumber(sun.z, 520) ?? 520,\n      intensity: clampNumber(sun.intensity, 0, 2),\n      shadowWeight,\n      length,\n    }\n  }\n\n  const shadowState = computed(() => {\n    const state = lighting?.()\n    return state?.shadows ?? null\n  })\n\n  const shadowLights = computed(() => {\n    const state = lighting?.()\n    const spotLights = (state?.spots ?? []).map((spot) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        z: 170,\n        radius: shadowSpotRadius(radius),\n        intensity: shadowSpotIntensity(spot.intensity),\n        shadowWeight: 1,\n        enabled: true,\n      }\n    })\n\n    return spotLights\n  })\n\n  const shadowAmbientLight = computed(() => {\n    const shadows = shadowState()\n    if (shadows?.ambientLight === null || shadows?.ambientLight?.enabled === false) {\n      return null\n    }\n    return shadows?.ambientLight ?? defaultSunAmbientLight()\n  })\n\n  const shadowEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(shouldRenderLightingShadows(state) && (shadowLights().length > 0 || shadowAmbientLight()))\n  })\n\n  const shadowMode = computed(() => shadowState()?.mode ?? \"strongest\")\n  const shadowUpdateHz = computed(() => shadowState()?.updateHz ?? 60)\n  const shadowScanHz = computed(() => shadowState()?.scanHz ?? 8)\n  const shadowCullToViewport = computed(() => shadowState()?.cullToViewport ?? true)\n  const shadowMinInfluence = computed(() => shadowState()?.minInfluence ?? 0.24)\n  const shadowFalloffPower = computed(() => shadowState()?.falloffPower ?? 0.85)\n  const shadowColor = computed(() => shadowState()?.shadowColor ?? \"#05070d\")\n</script>\n"],"mappings":"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"}

package/dist/components/scenes/draw-map.ce.js

@@ -1,47 +1,44 @@
 import { inject } from "../../core/inject.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
-import { Container, computed, cond, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { Container, computed, cond, h, loop, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 import { Weather } from "@canvasengine/presets";
 //#region src/components/scenes/draw-map.ce
 function component($$props) {
 	useProps($$props);
-	useDefineProps($$props);
-	var _a, _b, _c, _d;
-	var engine = inject(RpgClientEngine);
-	var componentAnimations = engine.componentAnimations;
-	var map = (_a = engine.sceneMap) === null || _a === void 0 ? void 0 : _a.data;
-	var sceneComponent = computed(function() {
-		var _a;
-		return (_a = map()) === null || _a === void 0 ? void 0 : _a.component;
+	const defineProps = useDefineProps($$props);
+	useDefineEmits($$props);
+	const { children } = defineProps();
+	const engine = inject(RpgClientEngine);
+	const componentAnimations = engine.componentAnimations;
+	const projectiles = engine.projectiles.current;
+	const map = engine.sceneMap?.data;
+	const sceneComponent = computed(() => map()?.component);
+	const weather = engine.sceneMap.weather;
+	const backgroundMusic = computed(() => {
+		const src = map()?.params?.backgroundMusic;
+		return src ? {
+			src,
+			autoplay: true,
+			loop: true
+		} : void 0;
 	});
-	(_b = map()) === null || _b === void 0 || _b.params;
-	var mapParams = (_c = map()) === null || _c === void 0 ? void 0 : _c.params;
-	engine.sceneMap.animations;
-	var weather = engine.sceneMap.weather;
-	var backgroundMusic = {
-		src: mapParams === null || mapParams === void 0 ? void 0 : mapParams.backgroundMusic,
-		autoplay: true,
-		loop: true
-	};
-	var backgroundAmbientSound = {
-		src: mapParams === null || mapParams === void 0 ? void 0 : mapParams.backgroundAmbientSound,
-		autoplay: true,
-		loop: true
-	};
-	signal((_d = map()) === null || _d === void 0 ? void 0 : _d.data);
-	var scale = (mapParams === null || mapParams === void 0 ? void 0 : mapParams.scale) || 1;
-	((mapParams === null || mapParams === void 0 ? void 0 : mapParams.width) || 2048) * scale;
-	((mapParams === null || mapParams === void 0 ? void 0 : mapParams.height) || 2048) * scale;
-	var shakeConfig = {
+	const backgroundAmbientSound = computed(() => {
+		const src = map()?.params?.backgroundAmbientSound;
+		return src ? {
+			src,
+			autoplay: true,
+			loop: true
+		} : void 0;
+	});
+	const shakeConfig = {
 		trigger: engine.mapShakeTrigger,
 		intensity: 10,
 		duration: 500,
 		frequency: 10,
 		direction: "both"
 	};
-	var weatherProps = computed(function() {
-		var _a, _b;
-		var state = weather === null || weather === void 0 ? void 0 : weather();
+	const weatherProps = computed(() => {
+		const state = weather?.();
 		if (!state) return null;
 		if (![
 			"rain",
@@ -49,7 +46,7 @@ function component($$props) {
 			"fog",
 			"cloud"
 		].includes(state.effect)) return null;
-		var params = (_a = state.params) !== null && _a !== void 0 ? _a : {};
+		const params = state.params ?? {};
 		return {
 			effect: state.effect,
 			speed: params.speed,
@@ -64,26 +61,29 @@ function component($$props) {
 			raySpread: params.raySpread,
 			rayTwinkle: params.rayTwinkle,
 			rayTwinkleSpeed: params.rayTwinkleSpeed,
-			zIndex: (_b = params.zIndex) !== null && _b !== void 0 ? _b : 1e3,
+			zIndex: params.zIndex ?? 1e3,
 			alpha: params.alpha,
 			blendMode: params.blendMode
 		};
 	});
 	return h(Container, {
-		sound: backgroundMusic,
 		shake: shakeConfig,
 		freeze: engine.gamePause
 	}, [
-		h(Container, { sound: backgroundAmbientSound }),
-		cond(computed(() => map() && sceneComponent()), () => h(sceneComponent(), {
+		cond(computed(() => backgroundMusic()), () => h(Container, { sound: computed(() => backgroundMusic()) })),
+		cond(computed(() => backgroundAmbientSound()), () => h(Container, { sound: computed(() => backgroundAmbientSound()) })),
+		h(Container, null, cond(computed(() => map() && sceneComponent()), () => h(sceneComponent(), {
 			data: computed(() => map().data),
 			params: computed(() => map().params)
-		})),
+		}))),
+		loop(children, (child) => h(child)),
 		loop(componentAnimations, (componentAnimation) => h(Container, null, loop(componentAnimation.current, (animation) => h(componentAnimation.component, animation)))),
-		cond(weatherProps, () => h(Weather, weatherProps()))
+		h(Container, { sortableChildren: true }, loop(computed(() => projectiles()), (projectile) => h(projectile.component, projectile.props), { track: (projectile) => projectile.props.id })),
+		cond(computed(() => weatherProps()), () => h(Weather, weatherProps()))
 	]);
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=draw-map.ce.js.map

package/dist/components/scenes/draw-map.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"draw-map.ce.js","names":[],"sources":["../../../src/components/scenes/draw-map.ce"],"sourcesContent":["<Container sound={backgroundMusic} shake={shakeConfig} freeze={engine.gamePause}>\n  <Container sound={backgroundAmbientSound} />\n\n  @if (map() && sceneComponent()) {\n    <sceneComponent() data={map().data} params={map().params} />\n  }\n\n  @for (componentAnimation of componentAnimations) {\n    <Container>\n      @for (animation of componentAnimation.current) {\n        <componentAnimation.component ...animation />\n      }\n    </Container>\n  }\n\n  @if (weatherProps) {\n    <Weather ...weatherProps() />\n  }\n</Container>\n\n<script>\n    import { NoiseFilter } from 'pixi-filters';\n    import { effect, signal, computed, mount, on, tick } from 'canvasengine'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { Weather } from '@canvasengine/presets'\n\n    const engine = inject(RpgClientEngine);\n    const componentAnimations = engine.componentAnimations\n    const map = engine.sceneMap?.data\n    const sceneComponent = computed(() => map()?.component)\n    const sceneParams = map()?.params\n    const mapParams = map()?.params\n    const animations = engine.sceneMap.animations\n    const weather = engine.sceneMap.weather\n    const backgroundMusic = { src: mapParams?.backgroundMusic, autoplay: true, loop: true }\n    const backgroundAmbientSound = { src: mapParams?.backgroundAmbientSound, autoplay: true, loop: true }\n\n    const data = signal(map()?.data)\n\n    const scale = mapParams?.scale || 1\n    const worldWidth = (mapParams?.width || 2048) * scale\n    const worldHeight = (mapParams?.height || 2048) * scale\n   \n    const clamp = {\n      direction: \"all\"\n    }\n\n    const shakeConfig = {\n      trigger: engine.mapShakeTrigger,\n      intensity: 10,\n      duration: 500,\n      frequency: 10,\n      direction: 'both'\n    }\n\n    const weatherProps = computed(() => {\n      const state = weather?.()\n      if (!state) {\n        return null\n      }\n      const validEffects = ['rain', 'snow', 'fog', 'cloud']\n      if (!validEffects.includes(state.effect)) {\n        return null\n      }\n      const params = state.params ?? {}\n      return {\n        effect: state.effect,\n        speed: params.speed,\n        windDirection: params.windDirection,\n        windStrength: params.windStrength,\n        density: params.density,\n        maxDrops: params.maxDrops,\n        height: params.height,\n        scale: params.scale,\n        sunIntensity: params.sunIntensity,\n        sunAngle: params.sunAngle,\n        raySpread: params.raySpread,\n        rayTwinkle: params.rayTwinkle,\n        rayTwinkleSpeed: params.rayTwinkleSpeed,\n        zIndex: params.zIndex ?? 1000,\n        alpha: params.alpha,\n        blendMode: params.blendMode,\n      }\n    })\n</script>\n"],"mappings":";;;;;AASM,SAAmB,UAAA,SAAmB;AACnC,UAAmB,QAAY;AAClC,gBAAA,QAAA;CACA,IAAA,IAAS,IAAA,IAAA;CACf,IAAE,SAAA,OAAA,gBAAA;;CAEF,IAAG,OAAI,KAAA,OAAc,cAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;CACrB,IAAI,iBAAY,SAAc,WAAE;EAAA,IAAA;AAAA,UAAA,KAAA,KAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;GAAA;AAC9B,EAAA,KAAA,KAAA,MAAA,QAAA,OAAA,KAAA,KAAA,GAAA;CACF,IAAE,aAAS,KAAA,KAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;;CAEX,IAAC,UAAM,OAAA,SAAA;CACP,IAAI,kBAAS;EAAW,KAAG,cAAW,QAAQ,cAAA,KAAA,IAAA,KAAA,IAAA,UAAA;EAAA,UAAA;EAAA,MAAA;EAAA;CAC9C,IAAI,yBAAyB;EAAA,KAAA,cAAqB,QAAO,cAAM,KAAY,IAAA,KAAA,IAAA,UAAA;EAAA,UAAA;EAAA,MAAA;EAAA;AAChE,SAAQ,KAAG,KAAO,MAAK,QAAK,OAAO,KAAA,IAAA,KAAA,IAAA,GAAA,KAAA;CAC9C,IAAI,SAAS,cAAA,QAAsB,cAAQ,KAAA,IAAe,KAAC,IAAA,UAAA,UAAA;AAC9C,GAAA,cAAiB,QAAA,cAAoB,KAAA,IAAA,KAAA,IAAA,UAAA,UAAA,QAAA;;CAKlD,IAAI,cAAM;EACN,SAAM,OAAA;EACN,WAAM;EACN,UAAM;EACN,WAAM;EACN,WAAM;EACT;;EAEG,IAAA,IAAM;;AAEN,MAAA,CAAK,MACL,QAAM;AAGN,MAAA,CADF;GAAA;GAAA;GAAA;GAAA;GAAA,CACgB,SAAA,MAAA,OAAA,CACZ,QAAS;;AAGX,SAAM;GACJ,QAAS,MAAO;GAChB,OAAS,OAAI;GACb,eAAa,OAAA;GACb,cAAa,OAAA;GACb,SAAW,OAAK;GAClB,UAAA,OAAA;;GAEA,OAAM,OAAY;GAChB,cAAc,OAAS;GACrB,UAAU,OAAA;GACV,WAAO,OAAA;GACT,YAAA,OAAA;GACA,iBAAmB,OAAI;GACrB,SAAG,KAAA,OAAa,YAAe,QAAS,OAAA,KAAA,IAAA,KAAA;GACxC,OAAO,OAAA;GACT,WAAA,OAAA;GACD;GACH;AAEM,QADQ,EAAM,WAAM;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA,OAAA;EAAA,EAAA;EAAA,EAAA,WAAA,EAAA,OAAA,wBAAA,CAAA;EAAA,KAAA,eAAA,KAAA,IAAA,gBAAA,CAAA,QAAA,EAAA,gBAAA,EAAA;GAAA,MAAA,eAAA,KAAA,CAAA,KAAA;GAAA,QAAA,eAAA,KAAA,CAAA,OAAA;GAAA,CAAA,CAAA;EAAA,KAAA,sBAAA,uBAAA,EAAA,WAAA,MAAA,KAAA,mBAAA,UAAA,cAAA,EAAA,mBAAA,WAAA,UAAA,CAAA,CAAA,CAAA;EAAA,KAAA,oBAAA,EAAA,SAAA,cAAA,CAAA,CAAA;EAAA,CAAA"}
+{"version":3,"file":"draw-map.ce.js","names":[],"sources":["../../../src/components/scenes/draw-map.ce"],"sourcesContent":["<Container shake={shakeConfig} freeze={engine.gamePause}>\n  @if (backgroundMusic()) {\n    <Container sound={backgroundMusic()} />\n  }\n\n  @if (backgroundAmbientSound()) {\n    <Container sound={backgroundAmbientSound()} />\n  }\n\n  <Container>\n    @if (map() && sceneComponent()) {\n      <sceneComponent() data={map().data} params={map().params} />\n    }\n  </Container>\n\n  @for (child of children) {\n    <child />\n  }\n\n  @for (componentAnimation of componentAnimations) {\n    <Container>\n      @for (animation of componentAnimation.current) {\n        <componentAnimation.component ...animation />\n      }\n    </Container>\n  }\n\n  <Container sortableChildren={true}>\n    @for (projectile of projectiles() ; track projectile.props.id) {\n      <projectile.component ...projectile.props />\n    }\n  </Container>\n\n  @if (weatherProps()) {\n    <Weather ...weatherProps() />\n  }\n</Container>\n\n<script>\n    import { computed, effect } from 'canvasengine'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { Weather } from '@canvasengine/presets'\n\n    const { children } = defineProps()\n    const engine = inject(RpgClientEngine);\n    const componentAnimations = engine.componentAnimations\n    const projectiles = engine.projectiles.current\n    const map = engine.sceneMap?.data\n    const sceneComponent = computed(() => map()?.component)\n    const weather = engine.sceneMap.weather\n    const backgroundMusic = computed(() => {\n      const src = map()?.params?.backgroundMusic\n      return src ? { src, autoplay: true, loop: true } : undefined\n    })\n    const backgroundAmbientSound = computed(() => {\n      const src = map()?.params?.backgroundAmbientSound\n      return src ? { src, autoplay: true, loop: true } : undefined\n    })\n\n    const shakeConfig = {\n      trigger: engine.mapShakeTrigger,\n      intensity: 10,\n      duration: 500,\n      frequency: 10,\n      direction: 'both'\n    }\n\n    const weatherProps = computed(() => {\n      const state = weather?.()\n      if (!state) {\n        return null\n      }\n      const validEffects = ['rain', 'snow', 'fog', 'cloud']\n      if (!validEffects.includes(state.effect)) {\n        return null\n      }\n      const params = state.params ?? {}\n      return {\n        effect: state.effect,\n        speed: params.speed,\n        windDirection: params.windDirection,\n        windStrength: params.windStrength,\n        density: params.density,\n        maxDrops: params.maxDrops,\n        height: params.height,\n        scale: params.scale,\n        sunIntensity: params.sunIntensity,\n        sunAngle: params.sunAngle,\n        raySpread: params.raySpread,\n        rayTwinkle: params.rayTwinkle,\n        rayTwinkleSpeed: params.rayTwinkleSpeed,\n        zIndex: params.zIndex ?? 1000,\n        alpha: params.alpha,\n        blendMode: params.blendMode,\n      }\n    })\n</script>\n"],"mappings":";;;;;AASG,SAAS,UAAA,SAAA;CACM,SAAc,OAAI;CAC7B,MAAA,cAAqB,eAAc,OAAQ;CAC9C,eAAA,OAAA;CACA,MAAS,EAAA,aAAA,YAAA;;CAEb,MAAM,sBAAqB,OAAA;CAC3B,MAAK,cAAO,OAAA,YAAA;CACZ,MAAE,MAAA,OAAA,UAAA;;CAEF,MAAM,UAAE,OAAA,SAAsB;CAC9B,MAAK,kBAAS,eAAA;EACV,MAAM,MAAE,IAAA,GAAU,QAAG;EACrB,OAAK,MAAA;GAAA;GAAA,UAAmB;GAAY,MAAC;EAAU,IAAC,KAAA;CACpD,CAAC;CACD,MAAM,yBAAS,eAAA;EACb,MAAA,MAAA,IAAA,GAAA,QAAA;;;;;;CAEF,CAAC;CACD,MAAK,cAAe;EAChB,SAAG,OAAW;EACd,WAAA;EACA,UAAS;;EAEV,WAAI;CACP;CACA,MAAE,eAAA,eAAA;EACA,MAAA,QAAS,UAAA;cAEJ,OAAA;EAGH,IAAA,CAAA;GADsB;GAAQ;GAAK;GAAO;EACjC,EAAA,SAAkB,MAAM,MAAM,GACvC,OAAS;EAET,MAAM,SAAE,MAAa,UAAA,CAAW;EAChC,OAAM;GACN,QAAM,MAAA;GACN,OAAM,OAAY;GAClB,eAAmB,OAAA;GACnB,cAAM,OAAiB;GACvB,SAAa,OAAG;GAChB,UAAM,OAAe;GACnB,QAAU,OAAO;GACjB,OAAO,OAAQ;GAChB,cAAA,OAAA;GACD,UAAM,OAAA;GACJ,WAAY,OAAO;GACnB,YAAc,OAAM;GACrB,iBAAA,OAAA;;GAED,OAAM,OAAY;GAChB,WAAS,OAAO;EAClB;CACJ,CAAC;CAEK,OADa,EAAA,WAAA;EAAA,OAAA;EAAA,QAAA,OAAA;CAAA,GAAA;EAAA,KAAA,eAAA,gBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,OAAA,eAAA,gBAAA,CAAA,EAAA,CAAA,CAAA;EAAA,KAAA,eAAA,uBAAA,CAAA,SAAA,EAAA,WAAA,EAAA,OAAA,eAAA,uBAAA,CAAA,EAAA,CAAA,CAAA;EAAA,EAAA,WAAA,MAAA,KAAA,eAAA,IAAA,KAAA,eAAA,CAAA,SAAA,EAAA,eAAA,GAAA;GAAA,MAAA,eAAA,IAAA,EAAA,IAAA;GAAA,QAAA,eAAA,IAAA,EAAA,MAAA;EAAA,CAAA,CAAA,CAAA;EAAA,KAAA,WAAA,UAAA,EAAA,KAAA,CAAA;EAAA,KAAA,sBAAA,uBAAA,EAAA,WAAA,MAAA,KAAA,mBAAA,UAAA,cAAA,EAAA,mBAAA,WAAA,SAAA,CAAA,CAAA,CAAA;EAAA,EAAA,WAAA,EAAA,kBAAA,KAAA,GAAA,KAAA,eAAA,YAAA,CAAA,IAAA,eAAA,EAAA,WAAA,WAAA,WAAA,KAAA,GAAA,EAAA,QAAA,eAAA,WAAA,MAAA,GAAA,CAAA,CAAA;EAAA,KAAA,eAAA,aAAA,CAAA,SAAA,EAAA,SAAA,aAAA,CAAA,CAAA;CAAA,CACD;AACd;AAEA,IAAM,iBAAe"}