Tetardtek
f6bff6e389
All checks were successful
CI/CD — Build & Deploy / Build & Deploy (push) Successful in 22s
Core logic portable (economy, balance, cosmetics, migrateSave) — zero rewrite. 136 tests green, identiques. Backend inchangé. - Svelte 5 runes stores (game, auth, toast) remplacent Zustand - SvelteKit adapter-static SPA (dist/ output, fallback index.html) - Tailwind v4 conservé, design system .gp-* porté - Transitions natives : slide, fly, scale, fade sur toute l'UI - Sidebar tabbée (Production/Evolution/Collection) + CollapsiblePanel - Mobile bottom sheet avec FAB toggle + backdrop blur - Click particles réactifs Svelte (plus de DOM impératif) - TadpoleSprite bounce + glow ring au clic - Guide refait en accordéon, Achievements avec filtres - a11y : focus-visible, Escape modals, aria-current, aria-labels - CI/CD adapté (tests + build + rsync) - Build 504K (vs ~1.2MB React)
140 lines
7.1 KiB
XML
Executable File
140 lines
7.1 KiB
XML
Executable File
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="320" height="320" shape-rendering="crispEdges">
|
|
<!-- Kawaii Tadpole V5 — pixel art 32x32 — BASE ONLY (no auras) -->
|
|
<!-- Character fills ~90% of canvas. Auras = separate overlay files. -->
|
|
|
|
<!-- ===== TAIL (behind body) ===== -->
|
|
<g id="tail">
|
|
<!-- Outline (darkest green, full shape) -->
|
|
<rect x="28" y="3" width="3" height="1" fill="#1c4c0c"/>
|
|
<rect x="26" y="4" width="6" height="1" fill="#1c4c0c"/>
|
|
<rect x="24" y="5" width="8" height="1" fill="#1c4c0c"/>
|
|
<rect x="19" y="6" width="12" height="1" fill="#1c4c0c"/>
|
|
<rect x="20" y="7" width="11" height="1" fill="#1c4c0c"/>
|
|
<rect x="21" y="8" width="9" height="1" fill="#1c4c0c"/>
|
|
<rect x="22" y="9" width="7" height="1" fill="#1c4c0c"/>
|
|
<rect x="22" y="10" width="6" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="11" width="4" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="12" width="4" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="13" width="3" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="14" width="3" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="15" width="3" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="16" width="2" height="1" fill="#1c4c0c"/>
|
|
<rect x="23" y="17" width="2" height="1" fill="#1c4c0c"/>
|
|
<!-- Fill (dark green) -->
|
|
<rect x="27" y="4" width="4" height="1" fill="#2c6410"/>
|
|
<rect x="25" y="5" width="6" height="1" fill="#2c6410"/>
|
|
<rect x="20" y="6" width="10" height="1" fill="#2c6410"/>
|
|
<rect x="21" y="7" width="9" height="1" fill="#2c6410"/>
|
|
<rect x="22" y="8" width="7" height="1" fill="#2c6410"/>
|
|
<rect x="23" y="9" width="5" height="1" fill="#2c6410"/>
|
|
<rect x="23" y="10" width="4" height="1" fill="#2c6410"/>
|
|
<rect x="24" y="11" width="2" height="1" fill="#2c6410"/>
|
|
<rect x="24" y="12" width="2" height="1" fill="#2c6410"/>
|
|
<rect x="24" y="13" width="1" height="1" fill="#2c6410"/>
|
|
<!-- Highlight (lighter green, upper curve) -->
|
|
<rect x="28" y="4" width="2" height="1" fill="#50a020"/>
|
|
<rect x="26" y="5" width="4" height="1" fill="#50a020"/>
|
|
<rect x="21" y="6" width="5" height="1" fill="#50a020"/>
|
|
<rect x="22" y="7" width="4" height="1" fill="#50a020"/>
|
|
<rect x="23" y="8" width="3" height="1" fill="#50a020"/>
|
|
<rect x="24" y="9" width="2" height="1" fill="#50a020"/>
|
|
<!-- Tip accent -->
|
|
<rect x="29" y="3" width="1" height="1" fill="#68b830"/>
|
|
<rect x="30" y="4" width="1" height="1" fill="#50aab8" opacity="0.5"/>
|
|
<rect x="31" y="3" width="1" height="1" fill="#50aab8" opacity="0.35"/>
|
|
</g>
|
|
|
|
<!-- ===== BODY (head, on top of tail) ===== -->
|
|
<g id="body">
|
|
<!-- Black outline circle (outer r=11, center 12,15) -->
|
|
<rect x="8" y="5" width="9" height="1" fill="#111"/>
|
|
<rect x="6" y="6" width="13" height="1" fill="#111"/>
|
|
<rect x="5" y="7" width="15" height="1" fill="#111"/>
|
|
<rect x="4" y="8" width="17" height="1" fill="#111"/>
|
|
<rect x="3" y="9" width="19" height="1" fill="#111"/>
|
|
<rect x="3" y="10" width="19" height="1" fill="#111"/>
|
|
<rect x="2" y="11" width="21" height="1" fill="#111"/>
|
|
<rect x="2" y="12" width="21" height="1" fill="#111"/>
|
|
<rect x="2" y="13" width="21" height="1" fill="#111"/>
|
|
<rect x="2" y="14" width="21" height="1" fill="#111"/>
|
|
<rect x="1" y="15" width="23" height="1" fill="#111"/>
|
|
<rect x="2" y="16" width="21" height="1" fill="#111"/>
|
|
<rect x="2" y="17" width="21" height="1" fill="#111"/>
|
|
<rect x="2" y="18" width="21" height="1" fill="#111"/>
|
|
<rect x="2" y="19" width="21" height="1" fill="#111"/>
|
|
<rect x="3" y="20" width="19" height="1" fill="#111"/>
|
|
<rect x="3" y="21" width="19" height="1" fill="#111"/>
|
|
<rect x="4" y="22" width="17" height="1" fill="#111"/>
|
|
<rect x="5" y="23" width="15" height="1" fill="#111"/>
|
|
<rect x="6" y="24" width="13" height="1" fill="#111"/>
|
|
<rect x="8" y="25" width="9" height="1" fill="#111"/>
|
|
|
|
<!-- Green fill (inner r=10) — Band 1: lightest top -->
|
|
<rect x="12" y="5" width="1" height="1" fill="#d0f058"/>
|
|
<rect x="8" y="6" width="9" height="1" fill="#d0f058"/>
|
|
<rect x="6" y="7" width="13" height="1" fill="#d0f058"/>
|
|
<rect x="5" y="8" width="15" height="1" fill="#d0f058"/>
|
|
<!-- Band 2: light -->
|
|
<rect x="4" y="9" width="17" height="1" fill="#a8d830"/>
|
|
<rect x="4" y="10" width="17" height="1" fill="#a8d830"/>
|
|
<rect x="3" y="11" width="19" height="1" fill="#a8d830"/>
|
|
<!-- Band 3: medium (center, largest area) -->
|
|
<rect x="3" y="12" width="19" height="1" fill="#80c020"/>
|
|
<rect x="3" y="13" width="19" height="1" fill="#80c020"/>
|
|
<rect x="3" y="14" width="19" height="1" fill="#80c020"/>
|
|
<rect x="2" y="15" width="21" height="1" fill="#80c020"/>
|
|
<rect x="3" y="16" width="19" height="1" fill="#80c020"/>
|
|
<rect x="3" y="17" width="19" height="1" fill="#80c020"/>
|
|
<rect x="3" y="18" width="19" height="1" fill="#80c020"/>
|
|
<!-- Band 4: dark -->
|
|
<rect x="3" y="19" width="19" height="1" fill="#60a418"/>
|
|
<rect x="4" y="20" width="17" height="1" fill="#60a418"/>
|
|
<rect x="4" y="21" width="17" height="1" fill="#60a418"/>
|
|
<rect x="5" y="22" width="15" height="1" fill="#60a418"/>
|
|
<!-- Band 5: darkest bottom -->
|
|
<rect x="6" y="23" width="13" height="1" fill="#4c8c14"/>
|
|
<rect x="8" y="24" width="9" height="1" fill="#4c8c14"/>
|
|
<rect x="12" y="25" width="1" height="1" fill="#4c8c14"/>
|
|
|
|
<!-- Specular highlight (top-left) -->
|
|
<rect x="8" y="6" width="3" height="1" fill="#e8ff78"/>
|
|
<rect x="6" y="7" width="3" height="1" fill="#e8ff78"/>
|
|
<rect x="6" y="8" width="2" height="1" fill="#e8ff78"/>
|
|
</g>
|
|
|
|
<!-- ===== EYES (big, expressive, pixel art) ===== -->
|
|
<g id="eyes">
|
|
<!-- Left eye — black pupil (5x6) -->
|
|
<rect x="6" y="12" width="5" height="6" fill="#111"/>
|
|
<!-- Left eye — white highlight (2x2 top-left) -->
|
|
<rect x="6" y="12" width="2" height="2" fill="#fff"/>
|
|
<!-- Left eye — secondary glint -->
|
|
<rect x="10" y="16" width="1" height="1" fill="#fff" opacity="0.4"/>
|
|
|
|
<!-- Right eye — black pupil (5x6) -->
|
|
<rect x="14" y="12" width="5" height="6" fill="#111"/>
|
|
<!-- Right eye — white highlight -->
|
|
<rect x="14" y="12" width="2" height="2" fill="#fff"/>
|
|
<!-- Right eye — secondary glint -->
|
|
<rect x="18" y="16" width="1" height="1" fill="#fff" opacity="0.4"/>
|
|
</g>
|
|
|
|
<!-- ===== MOUTH (subtle pixel smile) ===== -->
|
|
<g id="mouth">
|
|
<rect x="9" y="20" width="1" height="1" fill="#2a5a10"/>
|
|
<rect x="10" y="21" width="4" height="1" fill="#2a5a10"/>
|
|
<rect x="14" y="20" width="1" height="1" fill="#2a5a10"/>
|
|
</g>
|
|
|
|
<!-- ===== CHEEKS (subtle beige spots) ===== -->
|
|
<rect x="4" y="19" width="2" height="1" fill="#c0a860" opacity="0.3"/>
|
|
<rect x="19" y="19" width="2" height="1" fill="#c0a860" opacity="0.3"/>
|
|
|
|
<!-- ===== COSMETIC SLOTS (populated by game logic) ===== -->
|
|
<g id="slot-hat"><!-- crown, cap, helmet — above y=5 --></g>
|
|
<g id="slot-eyes"><!-- glasses, monocle, mask — over eyes area --></g>
|
|
<g id="slot-body"><!-- cape, armor, shirt — over body --></g>
|
|
<g id="slot-tail"><!-- flame, ribbon, glow — over tail --></g>
|
|
<g id="slot-accessory"><!-- aura, particles, pet — around character --></g>
|
|
</svg>
|