From 9362dd836644dc74d32e58640b259f39d18a666e Mon Sep 17 00:00:00 2001
From: Hyeon2 <97961602+hyeon2006@users.noreply.github.com>
Date: Tue, 13 Jan 2026 12:37:33 +0900
Subject: [PATCH] feat: add sprite not specified error message

---
 src/components/modals/ModalErrorCancel.vue |  2 +-
 src/core/particle.ts                       | 49 +++++++++++++++-------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/src/components/modals/ModalErrorCancel.vue b/src/components/modals/ModalErrorCancel.vue
index a6ba007..701ba82 100644
--- a/src/components/modals/ModalErrorCancel.vue
+++ b/src/components/modals/ModalErrorCancel.vue
@@ -17,7 +17,7 @@ defineEmits<{
 
 <template>
     <ModalBase :icon="IconExclamation" title="Error">
-        {{ data.message }}
+        <div class="whitespace-pre-wrap">{{ data.message }}</div>
 
         <template #actions>
             <MyButton
diff --git a/src/core/particle.ts b/src/core/particle.ts
index aea0866..d23673d 100644
--- a/src/core/particle.ts
+++ b/src/core/particle.ts
@@ -206,27 +206,44 @@ function packParticle(
     tasks.push({
         description: `Packing particle "${name}" texture...`,
         async execute() {
-            for (const { name, transform, groups } of particle.data.effects) {
+            for (const { name: effectName, transform, groups } of particle.data.effects) {
                 particleData.effects.push({
-                    name,
+                    name: effectName,
                     transform,
-                    groups: groups.map(({ count, particles }) => ({
+                    groups: groups.map(({ count, particles }, groupIndex) => ({
                         count,
                         particles: particles.map(
-                            ({ spriteId, color, start, duration, x, y, w, h, r, a }) => ({
-                                sprite: particle.data.sprites.findIndex(
+                            (
+                                { spriteId, color, start, duration, x, y, w, h, r, a },
+                                particleIndex,
+                            ) => {
+                                const spriteIndex = particle.data.sprites.findIndex(
                                     ({ id }) => id === spriteId,
-                                ),
-                                color,
-                                start,
-                                duration,
-                                x: { from: x.from, to: x.to, ease: x.ease },
-                                y: { from: y.from, to: y.to, ease: y.ease },
-                                w: { from: w.from, to: w.to, ease: w.ease },
-                                h: { from: h.from, to: h.to, ease: h.ease },
-                                r: { from: r.from, to: r.to, ease: r.ease },
-                                a: { from: a.from, to: a.to, ease: a.ease },
-                            }),
+                                )
+                                if (spriteIndex === -1) {
+                                    throw new Error(
+                                        [
+                                            `Sprite not specified in particle "${name}"`,
+                                            `Effect: "${effectName}"`,
+                                            `Group: #${groupIndex}`,
+                                            `Particle: #${particleIndex}`,
+                                            'Please select a sprite for this particle.',
+                                        ].join('\n'),
+                                    )
+                                }
+                                return {
+                                    sprite: spriteIndex,
+                                    color,
+                                    start,
+                                    duration,
+                                    x: { from: x.from, to: x.to, ease: x.ease },
+                                    y: { from: y.from, to: y.to, ease: y.ease },
+                                    w: { from: w.from, to: w.to, ease: w.ease },
+                                    h: { from: h.from, to: h.to, ease: h.ease },
+                                    r: { from: r.from, to: r.to, ease: r.ease },
+                                    a: { from: a.from, to: a.to, ease: a.ease },
+                                }
+                            },
                         ),
                     })),
                 })