Add public assets batch 1

2026-06-28 13:30:51 -04:00
parent 257c34fc8d
commit 928bb576a7
27 changed files with 160 additions and 0 deletions
@@ -0,0 +1,28 @@
+Action Mode art assets
+======================
+
+Use the local admin site to replace these files without moving images by hand:
+
+```bash
+npm run assets:admin
+```
+
+Then open `http://127.0.0.1:4175`.
+
+Dungeon icons:
+- `dungeons/bulldrome.svg`
+- `dungeons/yian-kut-ku.svg`
+- `dungeons/cyber-dragon.svg`
+
+Enemy sprites:
+- `enemies/bulldrome.svg`
+- `enemies/bullfango.svg`
+- `enemies/yian-kut-ku.svg`
+- `enemies/bird.svg`
+- `enemies/cyber-dragon.svg`
+
+SVG, PNG, JPG, or WebP files work for dungeon icons in React. Enemy sprites are loaded by Phaser through `src/actionAssets.ts`; if you switch file extensions, update that registry.
+
+Recommended sizes:
+- Dungeon icons: square, 256 x 256 or larger.
+- Enemy sprites: square transparent canvas, centered subject.
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Bulldrome dungeon icon">
+  <rect width="256" height="256" fill="#171922"/>
+  <rect x="14" y="14" width="228" height="228" fill="#222631" stroke="#090a0d" stroke-width="10"/>
+  <path d="M34 172c24-70 70-106 136-108 30-1 48 10 54 32 4 15-3 30-20 44 4 26-9 44-38 54-48 18-92 10-132-22z" fill="#7d4b38" stroke="#090a0d" stroke-width="8" stroke-linejoin="round"/>
+  <path d="M52 92 18 56l54 16zm152 2 36-32-52 14z" fill="#3b211b" stroke="#090a0d" stroke-width="7" stroke-linejoin="round"/>
+  <circle cx="97" cy="116" r="10" fill="#f4eed8" stroke="#090a0d" stroke-width="5"/>
+  <circle cx="164" cy="114" r="10" fill="#f4eed8" stroke="#090a0d" stroke-width="5"/>
+  <path d="M56 188c45 24 100 24 148 0" fill="none" stroke="#e5b95f" stroke-width="8" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Cyber Dragon dungeon icon">
+  <defs>
+    <linearGradient id="core" x1="38" y1="214" x2="218" y2="42" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#101923"/>
+      <stop offset="1" stop-color="#285c74"/>
+    </linearGradient>
+  </defs>
+  <rect x="16" y="16" width="224" height="224" rx="22" fill="url(#core)" stroke="#061018" stroke-width="10"/>
+  <path d="M57 139l34-54 62-27 47 31-9 63-66 40z" fill="#4aa3c7" stroke="#d9f7ff" stroke-width="8" stroke-linejoin="round"/>
+  <path d="M65 138l-34-21 42-11zM159 75l46-32-13 57zM156 174l53 20-61 14z" fill="#89f7ff" stroke="#061018" stroke-width="7" stroke-linejoin="round"/>
+  <circle cx="139" cy="126" r="25" fill="#101923" stroke="#d9f7ff" stroke-width="8"/>
+  <circle cx="139" cy="126" r="11" fill="#ff4f7d"/>
+  <path d="M46 47h28M46 69h17M184 188h29M193 210h20" stroke="#89f7ff" stroke-width="8" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="16" fill="#121a16"/>
+  <path d="M24 106l12-54 28-30 28 30 12 54z" fill="#2f4a3a"/>
+  <path d="M48 106V70c0-10 7-18 16-18s16 8 16 18v36z" fill="#0b1210"/>
+  <path d="M36 48l28-28 28 28M28 106h72" stroke="#9fcf9b" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="16" fill="#171923"/>
+  <path d="M24 104V54c0-22 18-38 40-38s40 16 40 38v50z" fill="#374151"/>
+  <path d="M40 104V58c0-13 11-24 24-24s24 11 24 24v46z" fill="#10131b"/>
+  <path d="M24 104h80M38 72h52M48 28l16-12 16 12" stroke="#d8c27a" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Rathian dungeon icon">
+  <rect width="256" height="256" fill="#171922"/>
+  <rect x="14" y="14" width="228" height="228" fill="#1d2630" stroke="#090a0d" stroke-width="10"/>
+  <path d="M38 142c27-44 64-66 111-66 38 0 63 14 75 42 14 35-2 68-48 99-40-17-79-42-138-75z" fill="#3f9a66" stroke="#090a0d" stroke-width="8" stroke-linejoin="round"/>
+  <path d="M92 106 30 46l88 36zm72-18 48-44-18 76z" fill="#2d6f4b" stroke="#090a0d" stroke-width="7" stroke-linejoin="round"/>
+  <path d="M148 128 230 102 166 158z" fill="#f4eed8" stroke="#090a0d" stroke-width="7" stroke-linejoin="round"/>
+  <circle cx="138" cy="118" r="9" fill="#ffd36d" stroke="#090a0d" stroke-width="5"/>
+  <path d="M50 196c44 22 97 26 156 8" fill="none" stroke="#e5b95f" stroke-width="8" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="16" fill="#10222b"/>
+  <path d="M28 104V42h16V26h14v16h12V26h14v16h16v62z" fill="#315768"/>
+  <path d="M44 104V74c0-12 8-20 20-20s20 8 20 20v30z" fill="#0d1820"/>
+  <path d="M18 86c10 8 20 8 30 0s20-8 30 0 20 8 32 0" fill="none" stroke="#6ee7f9" stroke-width="7" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" role="img" aria-label="Yian Kut-Ku dungeon icon">
+  <rect width="256" height="256" fill="#171922"/>
+  <rect x="14" y="14" width="228" height="228" fill="#202532" stroke="#090a0d" stroke-width="10"/>
+  <path d="M54 156c26-58 67-86 124-83 26 2 42 15 48 38 6 25-3 48-27 69-36 30-94 38-145-24z" fill="#d8772f" stroke="#090a0d" stroke-width="8" stroke-linejoin="round"/>
+  <path d="M126 112 226 92 150 144z" fill="#ffd36d" stroke="#090a0d" stroke-width="7" stroke-linejoin="round"/>
+  <path d="M76 106 22 58l74 24zm90-36 34-46 10 64z" fill="#b83b2f" stroke="#090a0d" stroke-width="7" stroke-linejoin="round"/>
+  <circle cx="157" cy="112" r="9" fill="#f4eed8" stroke="#090a0d" stroke-width="5"/>
+  <path d="M48 194c50 26 112 26 160 0" fill="none" stroke="#e5b95f" stroke-width="8" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="Bird sprite">
+  <g stroke="#090a0d" stroke-linejoin="round" stroke-linecap="round">
+    <path d="M68 80 16 56l38 46z" fill="#5d91ff" stroke-width="6"/>
+    <path d="M92 80 144 56l-38 46z" fill="#5d91ff" stroke-width="6"/>
+    <ellipse cx="80" cy="84" rx="35" ry="28" fill="#b8e7ff" stroke-width="6"/>
+    <path d="M94 80 132 88 96 101z" fill="#ffd36d" stroke-width="6"/>
+    <circle cx="92" cy="73" r="6" fill="#090a0d"/>
+  </g>
+</svg>
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="Bulldrome sprite">
+  <g stroke="#090a0d" stroke-linejoin="round" stroke-linecap="round">
+    <path d="M26 80 2 48l42 15z" fill="#3b211b" stroke-width="6"/>
+    <path d="M134 80 158 48l-42 15z" fill="#3b211b" stroke-width="6"/>
+    <ellipse cx="80" cy="86" rx="61" ry="43" fill="#7d4b38" stroke-width="6"/>
+    <path d="M36 110c23 18 66 22 91 2" fill="none" stroke="#e5b95f" stroke-width="6"/>
+    <circle cx="58" cy="70" r="7" fill="#f4eed8" stroke-width="4"/>
+    <circle cx="102" cy="70" r="7" fill="#f4eed8" stroke-width="4"/>
+    <path d="M72 88h16l-8 11z" fill="#090a0d" stroke-width="2"/>
+  </g>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="Bullfango sprite">
+  <g stroke="#090a0d" stroke-linejoin="round" stroke-linecap="round">
+    <path d="M36 82 16 58l34 13z" fill="#3b211b" stroke-width="6"/>
+    <path d="M124 82 144 58l-34 13z" fill="#3b211b" stroke-width="6"/>
+    <ellipse cx="80" cy="88" rx="50" ry="34" fill="#8b5a43" stroke-width="6"/>
+    <circle cx="62" cy="78" r="6" fill="#f4eed8" stroke-width="4"/>
+    <circle cx="98" cy="78" r="6" fill="#f4eed8" stroke-width="4"/>
+    <path d="M56 107c18 12 46 12 64 0" fill="none" stroke="#e5b95f" stroke-width="5"/>
+  </g>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="18" fill="#161922"/>
+  <path d="M34 110l10-52h40l10 52z" fill="#4b5563"/>
+  <circle cx="64" cy="38" r="18" fill="#d1d5db"/>
+  <path d="M42 64h44M48 110h32M46 38h36" stroke="#d8c27a" stroke-width="6" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="Cyber Dragon sprite">
+  <rect width="160" height="160" fill="none"/>
+  <path d="M28 86l20-28 39-16 35 13 15 27-13 27-38 16-40-13z" fill="#31566f" stroke="#071018" stroke-width="6" stroke-linejoin="round"/>
+  <path d="M54 74l34-13 31 10 9 15-8 15-34 13-32-9z" fill="#4aa3c7" stroke="#102433" stroke-width="4" stroke-linejoin="round"/>
+  <path d="M105 65l30-21-8 31zM108 99l34 14-35 9zM49 58L37 25l31 22z" fill="#89f7ff" stroke="#102433" stroke-width="4" stroke-linejoin="round"/>
+  <path d="M26 86L8 72l24-3zM27 87L7 102l25 2z" fill="#d9f7ff" stroke="#102433" stroke-width="4" stroke-linejoin="round"/>
+  <circle cx="103" cy="82" r="8" fill="#ff4f7d" stroke="#071018" stroke-width="4"/>
+  <path d="M61 79h32M61 93h32" stroke="#d9f7ff" stroke-width="5" stroke-linecap="round"/>
+  <path d="M53 111l-9 25 24-18zM82 121l3 29 19-32z" fill="#22384e" stroke="#102433" stroke-width="4" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="18" fill="#111b16"/>
+  <path d="M24 84l28-44 12 22 12-22 28 44-26-10-14 28-14-28z" fill="#3d6b4a"/>
+  <path d="M48 44l16-24 16 24M44 86h40" stroke="#b7e3a5" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="18" fill="#1a1421"/>
+  <path d="M42 110l8-56h28l8 56z" fill="#5b3a74"/>
+  <circle cx="64" cy="38" r="18" fill="#c9d1d9"/>
+  <path d="M48 38h32M54 68h20M40 110h48" stroke="#d8c27a" stroke-width="6" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128">
+  <rect width="128" height="128" rx="18" fill="#0d2024"/>
+  <path d="M42 110l8-58h28l8 58z" fill="#1f8a89"/>
+  <circle cx="64" cy="36" r="17" fill="#c8f7ec"/>
+  <path d="M24 78c12-8 24-8 36 0s24 8 44-2M32 96c12-8 24-8 36 0s24 8 28 2" fill="none" stroke="#9ff3ff" stroke-width="7" stroke-linecap="round"/>
+</svg>
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 160" role="img" aria-label="Yian Kut-Ku sprite">
+  <g stroke="#090a0d" stroke-linejoin="round" stroke-linecap="round">
+    <path d="M42 73 8 35l52 22z" fill="#b83b2f" stroke-width="6"/>
+    <path d="M90 48 120 10l2 58z" fill="#b83b2f" stroke-width="6"/>
+    <ellipse cx="78" cy="86" rx="48" ry="42" fill="#d8772f" stroke-width="6"/>
+    <path d="M86 84 150 73 100 108z" fill="#ffd36d" stroke-width="6"/>
+    <circle cx="95" cy="73" r="7" fill="#f4eed8" stroke-width="4"/>
+    <path d="M45 118c25 16 58 16 82 0" fill="none" stroke="#e5b95f" stroke-width="5"/>
+  </g>
+</svg>