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

Replace battle maps 49 and 50 with hand-painted assets

Browse Source
This commit is contained in:
Wickedness
2026-07-09 21:13:59 +09:00
parent 726a4e6e3c
commit 03ec1ca86f
11 changed files with 35 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/assets/images/battle/fiftieth-battle-map.svg
View File

@@ -1,77 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10000 8200" width="10000" height="8200">
<defs>
<linearGradient id="ground" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#87743e"/>
<stop offset="0.38" stop-color="#566935"/>
<stop offset="0.7" stop-color="#3d5532"/>
<stop offset="1" stop-color="#2d3321"/>
</linearGradient>
<pattern id="deepForest" width="240" height="240" patternUnits="userSpaceOnUse">
<rect width="240" height="240" fill="#3f642d"/>
<path d="M28 172c44-86 75-112 110-86 25 19 26 55 8 106M132 192c30-92 68-128 106-98 25 20 20 68-6 112" stroke="#9cc46a" stroke-width="18" fill="none" stroke-linecap="round"/>
<path d="M10 58c62 28 126 25 184-8M44 222c62-28 121-34 181-6" stroke="#22351f" stroke-width="13" fill="none" opacity=".68"/>
<path d="M42 78l48 26-42 31M144 46l58 25-48 38" stroke="#78a84a" stroke-width="11" fill="none" opacity=".72"/>
</pattern>
<pattern id="redRidge" width="270" height="270" patternUnits="userSpaceOnUse">
<rect width="270" height="270" fill="#4b4730"/>
<path d="M0 88c58-56 116-62 168-14 38 34 74 40 102 18M28 192c78-45 152-42 226 12M102 0c-26 64-15 120 36 168" stroke="#242614" stroke-width="18" fill="none" opacity=".84"/>
<path d="M32 96c52 14 94 6 130-20M76 214c50 10 96 1 138-26" stroke="#a08352" stroke-width="11" fill="none" opacity=".58"/>
</pattern>
<pattern id="marsh" width="240" height="240" patternUnits="userSpaceOnUse">
<rect width="240" height="240" fill="#56613b"/>
<path d="M14 76c50-36 106-34 164 7M42 166c43-25 90-26 140-2M174 42c30 30 37 62 20 94" stroke="#8b7b46" stroke-width="19" fill="none" opacity=".74"/>
<path d="M54 44h34M122 118h48M30 208h62" stroke="#253925" stroke-width="13" stroke-linecap="round" opacity=".62"/>
</pattern>
<pattern id="road" width="240" height="240" patternUnits="userSpaceOnUse">
<rect width="240" height="240" fill="#94783e"/>
<path d="M0 84c70-33 140-36 240-4M0 170c76-32 152-32 240 3" stroke="#b89b58" stroke-width="18" fill="none" opacity=".74"/>
<path d="M26 26h44M98 122h52M176 206h38" stroke="#574329" stroke-width="13" stroke-linecap="round" opacity=".7"/>
</pattern>
<pattern id="village" width="310" height="310" patternUnits="userSpaceOnUse">
<rect width="310" height="310" fill="#72603a"/>
<path d="M38 182h96v76H38zM178 142h90v116h-90z" fill="#4b3822"/>
<path d="M20 182l66-76 70 76M160 142l62-82 68 82" fill="#c87a22"/>
<path d="M62 204h30v54M198 168h34v90" stroke="#e2c27a" stroke-width="10"/>
<path d="M36 270h244" stroke="#2b2317" stroke-width="15" stroke-linecap="round"/>
</pattern>
<pattern id="stockade" width="320" height="320" patternUnits="userSpaceOnUse">
<rect width="320" height="320" fill="#5a4c2e"/>
<path d="M30 248h260M50 238V92M96 238V70M142 238V88M188 238V68M234 238V92M278 238V78" stroke="#3a271a" stroke-width="22" stroke-linecap="round"/>
<path d="M48 96l20-38 18 38M94 74l22-42 20 42M186 72l22-42 20 42M276 82l20-42 20 42" fill="#b5752a"/>
<path d="M44 158h234" stroke="#d29b4c" stroke-width="13" opacity=".72"/>
</pattern>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="26" stdDeviation="24" flood-color="#10150d" flood-opacity=".5"/>
</filter>
</defs>
<rect width="10000" height="8200" fill="url(#ground)"/>
<rect x="0" y="0" width="2800" height="3500" fill="url(#redRidge)" opacity=".76"/>
<rect x="3260" y="0" width="3360" height="2640" fill="url(#redRidge)" opacity=".74"/>
<rect x="6900" y="0" width="3000" height="3580" fill="url(#redRidge)" opacity=".78"/>
<rect x="8480" y="3180" width="1260" height="2340" fill="url(#redRidge)" opacity=".74"/>
<rect x="1840" y="1900" width="5200" height="5600" fill="url(#deepForest)" opacity=".86"/>
<rect x="5600" y="2680" width="3960" height="4580" fill="url(#deepForest)" opacity=".86"/>
<rect x="240" y="4700" width="3600" height="2700" fill="url(#deepForest)" opacity=".78"/>
<rect x="3900" y="4900" width="2760" height="1900" fill="url(#marsh)" opacity=".84"/>
<rect x="6980" y="4500" width="2200" height="1840" fill="url(#marsh)" opacity=".8"/>
<path d="M0 6720c1180-170 2090 80 2920 420 760 310 1500 380 2230 190 900-235 1730-160 2650 270 720 338 1480 310 2200-40v640H0z" fill="#245d70" opacity=".84"/>
<path d="M6000 2500c-250 1240-260 2620 130 4080" stroke="#2a6573" stroke-width="690" fill="none" opacity=".73"/>
<path d="M1220 6180c1260-110 2820 100 4220 370 1260 244 2440 226 3800-170" stroke="#947844" stroke-width="500" fill="none" opacity=".96"/>
<path d="M2600 5580c650-620 1320-1180 2000-1670 810-584 1600-850 2520-850" stroke="#9a7d43" stroke-width="440" fill="none" opacity=".92"/>
<path d="M6880 3080c820 190 1620 300 2580 200" stroke="#987941" stroke-width="430" fill="none" opacity=".93"/>
<path d="M3600 6700c-55-970 150-2040 450-3180" stroke="#8e7140" stroke-width="410" fill="none" opacity=".9"/>
<g filter="url(#softShadow)">
<rect x="980" y="5700" width="1520" height="1180" fill="url(#village)" opacity=".9"/>
<rect x="3720" y="3960" width="1460" height="1240" fill="url(#village)" opacity=".88"/>
<rect x="7420" y="4640" width="1500" height="1160" fill="url(#village)" opacity=".88"/>
<rect x="2220" y="4860" width="1360" height="1040" fill="url(#stockade)" opacity=".9"/>
<rect x="6180" y="5360" width="1320" height="1100" fill="url(#stockade)" opacity=".9"/>
<rect x="7140" y="3020" width="1660" height="1160" fill="url(#redRidge)" opacity=".9"/>
<rect x="4580" y="2820" width="1440" height="1040" fill="url(#redRidge)" opacity=".86"/>
</g>
<g opacity=".4">
<path d="M360 3660c980 205 1980 150 2960-155M3380 2680c1020 160 2020 96 2980-170M6820 3620c860 230 1660 220 2600-35" stroke="#d1bd78" stroke-width="60" fill="none"/>
<path d="M420 7240c1500 280 3000 290 4500 25M5620 7280c1400 224 2700 190 3900-95" stroke="#8dc2c0" stroke-width="56" fill="none"/>
</g>
<rect x="0" y="0" width="10000" height="8200" fill="none" stroke="#1d1b12" stroke-width="60"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.0 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 MiB

77
src/assets/images/battle/forty-ninth-battle-map.svg
View File

@@ -1,77 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9800 8000" width="9800" height="8000">
<defs>
<linearGradient id="ground" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#8c7c45"/>
<stop offset="0.42" stop-color="#5f6536"/>
<stop offset="0.72" stop-color="#3f5330"/>
<stop offset="1" stop-color="#2f3523"/>
</linearGradient>
<pattern id="jungle" width="230" height="230" patternUnits="userSpaceOnUse">
<rect width="230" height="230" fill="#47692e"/>
<path d="M26 164c36-72 64-98 92-78 20 14 23 45 7 95M122 182c26-82 58-120 95-96 24 16 22 60 2 108" stroke="#9fc96a" stroke-width="17" fill="none" stroke-linecap="round"/>
<path d="M8 58c58 23 118 20 174-9M44 210c58-24 111-28 166-3" stroke="#25351e" stroke-width="12" fill="none" opacity=".65"/>
<path d="M42 70l42 22-38 24M142 44l50 24-42 32" stroke="#7cad4d" stroke-width="10" fill="none" opacity=".7"/>
</pattern>
<pattern id="ridge" width="260" height="260" patternUnits="userSpaceOnUse">
<rect width="260" height="260" fill="#454733"/>
<path d="M0 84c54-54 106-58 156-13 34 31 69 36 104 16M22 184c72-44 142-42 218 9M98 0c-28 58-19 110 30 158" stroke="#222617" stroke-width="18" fill="none" opacity=".84"/>
<path d="M26 88c48 14 88 8 122-18M68 206c48 11 92 2 132-24" stroke="#8c8d5b" stroke-width="11" fill="none" opacity=".55"/>
</pattern>
<pattern id="mud" width="220" height="220" patternUnits="userSpaceOnUse">
<rect width="220" height="220" fill="#5a5736"/>
<path d="M12 72c46-32 98-29 150 7M38 158c38-23 80-24 126-2M164 40c28 26 34 54 19 84" stroke="#8b7442" stroke-width="18" fill="none" opacity=".72"/>
<path d="M54 42h28M118 112h42M28 196h56" stroke="#273325" stroke-width="12" stroke-linecap="round" opacity=".62"/>
</pattern>
<pattern id="road" width="230" height="230" patternUnits="userSpaceOnUse">
<rect width="230" height="230" fill="#907741"/>
<path d="M0 82c66-32 132-34 230-5M0 164c72-30 145-30 230 3" stroke="#b69b5b" stroke-width="17" fill="none" opacity=".74"/>
<path d="M22 24h42M96 118h48M168 198h36" stroke="#5a462e" stroke-width="12" stroke-linecap="round" opacity=".7"/>
</pattern>
<pattern id="village" width="300" height="300" patternUnits="userSpaceOnUse">
<rect width="300" height="300" fill="#71623e"/>
<path d="M36 176h92v72H36zM172 138h86v110h-86z" fill="#4b3a25"/>
<path d="M18 176l64-72 66 72M154 138l60-78 64 78" fill="#c47b24"/>
<path d="M58 196h28v52M190 162h32v86" stroke="#e0c47a" stroke-width="10"/>
<path d="M34 260h238" stroke="#2a2418" stroke-width="14" stroke-linecap="round"/>
</pattern>
<pattern id="camp" width="300" height="300" patternUnits="userSpaceOnUse">
<rect width="300" height="300" fill="#574d31"/>
<path d="M44 230 106 78l58 152zM150 230l66-170 54 170z" fill="#b26a21" stroke="#292118" stroke-width="10"/>
<path d="M106 78v152M216 60v170" stroke="#eed9a4" stroke-width="9"/>
<path d="M26 250h244" stroke="#282118" stroke-width="15" stroke-linecap="round"/>
</pattern>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="24" stdDeviation="22" flood-color="#10150d" flood-opacity=".48"/>
</filter>
</defs>
<rect width="9800" height="8000" fill="url(#ground)"/>
<rect x="160" y="0" width="2500" height="3320" fill="url(#ridge)" opacity=".75"/>
<rect x="3080" y="0" width="3360" height="2500" fill="url(#ridge)" opacity=".72"/>
<rect x="6880" y="0" width="2700" height="3300" fill="url(#ridge)" opacity=".76"/>
<rect x="8440" y="2900" width="1120" height="2300" fill="url(#ridge)" opacity=".72"/>
<rect x="2040" y="1980" width="4620" height="5200" fill="url(#jungle)" opacity=".84"/>
<rect x="5480" y="2480" width="3820" height="4460" fill="url(#jungle)" opacity=".86"/>
<rect x="260" y="4420" width="3220" height="2540" fill="url(#jungle)" opacity=".78"/>
<rect x="4180" y="5000" width="2260" height="1740" fill="url(#mud)" opacity=".82"/>
<rect x="6880" y="4380" width="1960" height="1700" fill="url(#mud)" opacity=".78"/>
<path d="M0 6480c1080-140 1960 70 2740 390 690 284 1320 360 2010 210 810-176 1600-112 2460 270 660 294 1480 268 2590-80v730H0z" fill="#245c70" opacity=".84"/>
<path d="M5800 2460c-240 1180-250 2460 120 3860" stroke="#2a6574" stroke-width="650" fill="none" opacity=".72"/>
<path d="M1150 5970c1180-90 2660 110 3920 350 1200 228 2260 210 3580-150" stroke="#947a44" stroke-width="480" fill="none" opacity=".96"/>
<path d="M2480 5410c620-590 1230-1120 1830-1600 720-576 1500-850 2380-880" stroke="#9a7c42" stroke-width="430" fill="none" opacity=".92"/>
<path d="M6600 2920c720 170 1450 290 2480 200" stroke="#997c45" stroke-width="410" fill="none" opacity=".93"/>
<path d="M3360 6500c-40-900 160-1920 430-3030" stroke="#8f7440" stroke-width="390" fill="none" opacity=".9"/>
<g filter="url(#softShadow)">
<rect x="960" y="5520" width="1420" height="1120" fill="url(#village)" opacity=".9"/>
<rect x="3700" y="3920" width="1360" height="1180" fill="url(#village)" opacity=".88"/>
<rect x="7220" y="4520" width="1380" height="1120" fill="url(#village)" opacity=".88"/>
<rect x="2240" y="4740" width="1260" height="980" fill="url(#camp)" opacity=".88"/>
<rect x="6060" y="5200" width="1240" height="1040" fill="url(#camp)" opacity=".88"/>
<rect x="7100" y="2920" width="1560" height="1100" fill="url(#ridge)" opacity=".9"/>
<rect x="4620" y="2780" width="1320" height="980" fill="url(#ridge)" opacity=".86"/>
</g>
<g opacity=".38">
<path d="M340 3580c920 190 1850 140 2770-150M3300 2600c960 150 1890 90 2790-160M6600 3460c820 220 1590 210 2560-30" stroke="#d1bd78" stroke-width="58" fill="none"/>
<path d="M420 7040c1420 260 2830 270 4230 20M5480 7100c1320 210 2530 180 3710-90" stroke="#8dc2c0" stroke-width="54" fill="none"/>
</g>
<rect x="0" y="0" width="9800" height="8000" fill="none" stroke="#1d1b12" stroke-width="60"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.9 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 MiB

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

@@ -1,7 +1,7 @@
import eighthBattleMapUrl from '../../assets/images/battle/eighth-battle-map.webp';
import eighteenthBattleMapUrl from '../../assets/images/battle/eighteenth-battle-map.webp';
import eleventhBattleMapUrl from '../../assets/images/battle/eleventh-battle-map.webp';
import fiftiethBattleMapUrl from '../../assets/images/battle/fiftieth-battle-map.svg';
import fiftiethBattleMapUrl from '../../assets/images/battle/fiftieth-battle-map.webp';
import fiftyFirstBattleMapUrl from '../../assets/images/battle/fifty-first-battle-map.svg';
import fiftySecondBattleMapUrl from '../../assets/images/battle/fifty-second-battle-map.svg';
import fiftyThirdBattleMapUrl from '../../assets/images/battle/fifty-third-battle-map.svg';
@@ -26,7 +26,7 @@ import fortyEighthBattleMapUrl from '../../assets/images/battle/forty-eighth-bat
import fortyFifthBattleMapUrl from '../../assets/images/battle/forty-fifth-battle-map.webp';
import fortyFirstBattleMapUrl from '../../assets/images/battle/forty-first-battle-map.webp';
import fortyFourthBattleMapUrl from '../../assets/images/battle/forty-fourth-battle-map.webp';
import fortyNinthBattleMapUrl from '../../assets/images/battle/forty-ninth-battle-map.svg';
import fortyNinthBattleMapUrl from '../../assets/images/battle/forty-ninth-battle-map.webp';
import fortySecondBattleMapUrl from '../../assets/images/battle/forty-second-battle-map.webp';
import fortySeventhBattleMapUrl from '../../assets/images/battle/forty-seventh-battle-map.webp';
import fortySixthBattleMapUrl from '../../assets/images/battle/forty-sixth-battle-map.webp';