Wickedness/heros_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Replace eleventh battle map with hand-painted asset

Browse Source
This commit is contained in:
Wickedness
2026-07-09 15:08:06 +09:00
parent 1630e10ab6
commit 0035ba5dc4
7 changed files with 15 additions and 99 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/assets/images/battle/eleventh-battle-map.svg
View File

@@ -1,97 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2800 2200" width="2800" height="2200">
<defs>
<filter id="marchGrain">
<feTurbulence type="fractalNoise" baseFrequency="0.019" numOctaves="4" seed="1111" />
<feColorMatrix type="saturate" values="0.62" />
<feBlend mode="multiply" in2="SourceGraphic" />
</filter>
<pattern id="field" width="100" height="100" patternUnits="userSpaceOnUse">
<rect width="100" height="100" fill="#596a48" />
<path d="M12 28h24M44 66h34M64 18l18 12M20 84l22-16" stroke="#a8ba74" stroke-width="3" opacity="0.18" />
<path d="M12 56l14-22M50 38l20-18M76 80l10-24" stroke="#2a3d23" stroke-width="2" opacity="0.34" />
</pattern>
<pattern id="road" width="112" height="112" patternUnits="userSpaceOnUse">
<rect width="112" height="112" fill="#866b43" />
<path d="M0 30c42-18 78 14 112-8M0 78c44-20 76 12 112-5" stroke="#c0a068" stroke-width="8" opacity="0.25" />
<path d="M18 88l22-28M60 46l26-18M86 86l12-10" stroke="#3a2d20" stroke-width="3" opacity="0.36" />
</pattern>
<pattern id="grove" width="132" height="112" patternUnits="userSpaceOnUse">
<rect width="132" height="112" fill="#203826" />
<circle cx="24" cy="48" r="30" fill="#142818" />
<circle cx="64" cy="34" r="38" fill="#41633f" />
<circle cx="104" cy="54" r="31" fill="#1f3822" />
<circle cx="54" cy="84" r="28" fill="#527046" />
<path d="M12 66c36 18 78 16 110-10M36 26c24 20 58 18 76-8" stroke="#0b190e" stroke-width="5" opacity="0.36" />
</pattern>
<pattern id="ridge" width="132" height="100" patternUnits="userSpaceOnUse">
<rect width="132" height="100" fill="#706747" />
<path d="M-12 86c48-62 92-82 134-64c38 16 58 46 76 82" fill="#494832" opacity="0.72" />
<path d="M18 78c38-42 74-52 110-32" fill="none" stroke="#9a925e" stroke-width="10" opacity="0.28" />
</pattern>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#54859a" />
<stop offset="0.52" stop-color="#275a72" />
<stop offset="1" stop-color="#123247" />
</linearGradient>
<linearGradient id="campWall" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#8b7358" />
<stop offset="1" stop-color="#3f3022" />
</linearGradient>
<radialGradient id="watchFire" cx="0.5" cy="0.42" r="0.6">
<stop offset="0" stop-color="#ffe7a0" />
<stop offset="0.48" stop-color="#d77a32" />
<stop offset="1" stop-color="#4b1e14" stop-opacity="0" />
</radialGradient>
</defs>
<rect width="2800" height="2200" fill="#121b20" />
<rect width="2800" height="2200" fill="url(#field)" opacity="0.95" />
<g filter="url(#marchGrain)">
<path d="M-90 1500C330 1450 750 1480 1120 1496C1510 1514 1970 1490 2910 1450" fill="none" stroke="#94754a" stroke-width="260" stroke-linecap="round" opacity="0.9" />
<path d="M-90 1500C330 1450 750 1480 1120 1496C1510 1514 1970 1490 2910 1450" fill="none" stroke="url(#road)" stroke-width="154" stroke-linecap="round" opacity="0.93" />
<path d="M790 2180C810 1820 804 1440 800 1100C796 800 792 520 806 170" fill="none" stroke="#94754a" stroke-width="190" stroke-linecap="round" opacity="0.85" />
<path d="M790 2180C810 1820 804 1440 800 1100C796 800 792 520 806 170" fill="none" stroke="url(#road)" stroke-width="108" stroke-linecap="round" opacity="0.84" />
<path d="M2260 1830C2262 1440 2250 1080 2266 720C2274 540 2290 360 2268 110" fill="none" stroke="#94754a" stroke-width="176" stroke-linecap="round" opacity="0.86" />
<path d="M2260 1830C2262 1440 2250 1080 2266 720C2274 540 2290 360 2268 110" fill="none" stroke="url(#road)" stroke-width="98" stroke-linecap="round" opacity="0.84" />
<path d="M1620 2220c84-300 78-570-12-808c-80-210-64-424 48-642c88-172 102-362 44-574" fill="none" stroke="#123248" stroke-width="286" stroke-linecap="round" opacity="0.95" />
<path d="M1620 2220c84-300 78-570-12-808c-80-210-64-424 48-642c88-172 102-362 44-574" fill="none" stroke="url(#river)" stroke-width="182" stroke-linecap="round" opacity="0.98" />
<path d="M0 20c278-76 548-32 810 130c54 178-80 324-398 438C178 536 34 414-14 246Z" fill="url(#grove)" opacity="0.84" />
<path d="M270 760c316-120 612-70 888 154c-118 238-410 368-872 386C136 1130 128 946 270 760Z" fill="url(#grove)" opacity="0.82" />
<path d="M870 1840c228-84 450-52 660 96c-44 164-200 260-464 288c-144-72-210-196-196-384Z" fill="url(#grove)" opacity="0.78" />
<path d="M2140 40c208-56 392-22 552 96v300c-190 48-366 10-526-112c-66-92-74-188-26-284Z" fill="url(#ridge)" opacity="0.82" />
<path d="M2440 1660c184-54 346-22 484 96v430c-198 58-370 24-516-102c-46-130-36-272 32-424Z" fill="url(#ridge)" opacity="0.82" />
<g transform="translate(2100 760)">
<rect x="-70" y="-58" width="650" height="610" rx="18" fill="#1a130e" opacity="0.54" />
<rect x="0" y="0" width="520" height="500" rx="12" fill="url(#campWall)" stroke="#24190f" stroke-width="18" />
<path d="M0 104h520M0 214h520M0 324h520M0 430h520" stroke="#2e241b" stroke-width="12" opacity="0.72" />
<path d="M110 0v500M260 0v500M410 0v500" stroke="#65513b" stroke-width="10" opacity="0.48" />
<rect x="160" y="210" width="200" height="126" fill="#1f1713" stroke="#0e0907" stroke-width="11" />
<path d="M160 210l100-66l100 66" fill="#764b24" stroke="#21160e" stroke-width="11" />
<path d="M224 336v-76h72v76" fill="#0d0907" />
<circle cx="78" cy="140" r="70" fill="url(#watchFire)" opacity="0.68" />
<circle cx="450" cy="360" r="72" fill="url(#watchFire)" opacity="0.64" />
</g>
<g transform="translate(820 1000)">
<rect x="0" y="0" width="260" height="140" rx="10" fill="#604a35" stroke="#251d16" stroke-width="10" />
<path d="M-20 18L130-74l152 92Z" fill="#9d642e" stroke="#2b1f14" stroke-width="10" />
<path d="M78 140v-62h60v62" fill="#201713" />
</g>
<g transform="translate(1425 1540)">
<rect x="0" y="0" width="246" height="132" rx="10" fill="#604a35" stroke="#251d16" stroke-width="10" />
<path d="M-18 14L123-68l142 82Z" fill="#8f5b2b" stroke="#2b1f14" stroke-width="10" />
<path d="M76 132v-58h58v58" fill="#201713" />
</g>
<path d="M2000 900c220 44 470 30 754-40" fill="none" stroke="#15100d" stroke-width="18" opacity="0.3" />
<path d="M2020 1270c220 48 478 34 776-42" fill="none" stroke="#15100d" stroke-width="18" opacity="0.28" />
<path d="M180 1500c300 58 622 58 970 0" fill="none" stroke="#d8b15f" stroke-width="10" opacity="0.15" />
</g>
<rect width="2800" height="2200" fill="#07090c" opacity="0.12" />
<path d="M2180 802c-120 170-92 360 84 570" fill="none" stroke="#ffe0a0" stroke-width="8" opacity="0.08" />
<path d="M188 1488c260-20 520-14 780 18" fill="none" stroke="#fff0bd" stroke-width="8" opacity="0.08" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/assets/images/battle/eleventh-battle-map.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

2
src/game/data/battleMapAssets.ts
View File

@@ -1,6 +1,6 @@
import eighthBattleMapUrl from '../../assets/images/battle/eighth-battle-map.webp';
import eighteenthBattleMapUrl from '../../assets/images/battle/eighteenth-battle-map.svg';
import eleventhBattleMapUrl from '../../assets/images/battle/eleventh-battle-map.svg';
import eleventhBattleMapUrl from '../../assets/images/battle/eleventh-battle-map.webp';
import fiftiethBattleMapUrl from '../../assets/images/battle/fiftieth-battle-map.svg';
import fiftyFirstBattleMapUrl from '../../assets/images/battle/fifty-first-battle-map.svg';
import fiftySecondBattleMapUrl from '../../assets/images/battle/fifty-second-battle-map.svg';