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

Replace battle maps 55 and 56 with hand-painted assets

Browse Source
This commit is contained in:
Wickedness
2026-07-09 22:06:47 +09:00
parent 4d7e76c50f
commit 179b993934
11 changed files with 36 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
src/assets/images/battle/fifty-fifth-battle-map.svg
View File

@@ -1,63 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="5500" height="4600" viewBox="0 0 11000 9200" preserveAspectRatio="none">
<defs>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#9f9463"/>
<stop offset="0.45" stop-color="#7e8355"/>
<stop offset="1" stop-color="#5f704a"/>
</linearGradient>
<linearGradient id="ridge" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#b7aa7a"/>
<stop offset="0.42" stop-color="#786c50"/>
<stop offset="1" stop-color="#39342c"/>
</linearGradient>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#244f69"/>
<stop offset="0.5" stop-color="#3e7f94"/>
<stop offset="1" stop-color="#1f425d"/>
</linearGradient>
<filter id="softNoise">
<feTurbulence type="fractalNoise" baseFrequency="0.018" numOctaves="4" seed="55"/>
<feColorMatrix type="saturate" values="0.18"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<pattern id="fieldLines" width="360" height="360" patternUnits="userSpaceOnUse" patternTransform="rotate(18)">
<path d="M0 90H360M0 210H360M0 330H360" stroke="#d5bd72" stroke-width="14" opacity="0.12"/>
</pattern>
</defs>
<rect width="11000" height="9200" fill="url(#plain)"/>
<rect width="11000" height="9200" fill="url(#fieldLines)"/>
<path d="M140 9140 C1350 8360 2030 7720 2520 6620 C2920 5730 3630 5130 4500 4630 C5420 4110 6220 3440 6690 2540 C7130 1700 7970 760 9240 140 L11000 0 L11000 9200 Z" fill="url(#ridge)" opacity="0.88"/>
<path d="M0 7350 C1280 7200 2190 6850 3090 6260 C4030 5650 4900 5180 5790 4820 C6850 4380 7780 3840 8640 2940 C9400 2140 10270 1250 11000 720 L11000 1130 C10110 1790 9500 2490 8840 3230 C8100 4060 7070 4660 5930 5120 C4820 5570 3910 6080 3020 6730 C2050 7440 1070 7840 0 7980 Z" fill="#464333" opacity="0.56"/>
<path d="M60 6420 C1120 6150 2100 5860 3020 5220 C4020 4520 5030 4190 6100 3780 C7240 3350 8250 2530 9310 1590" fill="none" stroke="#c49b59" stroke-width="420" stroke-linecap="round" opacity="0.78"/>
<path d="M640 7820 C2020 7220 2820 6460 3590 5550 C4220 4810 5090 4460 6240 4010 C7450 3530 8360 2790 9470 1750" fill="none" stroke="#9f7545" stroke-width="170" stroke-linecap="round" opacity="0.62"/>
<path d="M0 8310 C1640 8100 2570 7480 3580 6710 C4680 5870 5710 5570 7010 5320 C8420 5050 9560 4310 11000 3480" fill="none" stroke="#b88d52" stroke-width="300" stroke-linecap="round" opacity="0.5"/>
<path d="M6900 0 C6790 850 6730 1680 6880 2460 C7050 3340 7550 4020 7790 4910 C8040 5850 7820 7000 7580 9200" fill="none" stroke="url(#river)" stroke-width="560" opacity="0.72"/>
<path d="M7020 0 C6920 900 6890 1710 7040 2440 C7220 3300 7680 3990 7920 4890 C8190 5880 7960 7040 7750 9200" fill="none" stroke="#92c6c0" stroke-width="44" opacity="0.2"/>
<g opacity="0.72">
<ellipse cx="1810" cy="7130" rx="990" ry="760" fill="#425f39"/>
<ellipse cx="2770" cy="6210" rx="1220" ry="780" fill="#3b5635"/>
<ellipse cx="4520" cy="5050" rx="1320" ry="760" fill="#405b37"/>
<ellipse cx="8430" cy="3210" rx="1160" ry="840" fill="#4c6138"/>
<ellipse cx="9600" cy="2310" rx="890" ry="680" fill="#465a34"/>
</g>
<g fill="#5b4633" opacity="0.88">
<rect x="2360" y="6830" width="760" height="520" rx="40"/>
<rect x="2830" y="6360" width="640" height="460" rx="40"/>
<rect x="5360" y="4270" width="1060" height="620" rx="52"/>
<rect x="7960" y="3900" width="940" height="640" rx="48"/>
<rect x="8990" y="2390" width="960" height="660" rx="56"/>
</g>
<g fill="#263033" opacity="0.76">
<path d="M4920 3180 L6030 2760 L6890 3200 L6730 3890 L5520 4010 Z"/>
<path d="M7520 4470 L8890 4260 L9740 4880 L9440 5730 L8080 5720 Z"/>
<path d="M9030 1460 L10100 1190 L10730 1710 L10310 2360 L9190 2290 Z"/>
</g>
<g stroke="#2c2c25" stroke-width="52" opacity="0.5">
<path d="M790 6060 C1610 5820 2140 5440 2820 4900"/>
<path d="M3790 4580 C4530 4210 5140 3940 5860 3640"/>
<path d="M7190 3120 C7900 2760 8480 2240 9010 1660"/>
<path d="M8120 5960 C9100 5700 10070 5200 10800 4600"/>
</g>
<rect width="11000" height="9200" filter="url(#softNoise)" opacity="0.2"/>
<rect x="0" y="0" width="11000" height="9200" fill="none" stroke="#1a1714" stroke-width="80" opacity="0.5"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 MiB

58
src/assets/images/battle/fifty-sixth-battle-map.svg
View File

@@ -1,58 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1120 940" role="img" aria-label="Tianshui advance battlefield map">
<defs>
<linearGradient id="plain" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#bca36e"/>
<stop offset="1" stop-color="#7f7a49"/>
</linearGradient>
<linearGradient id="ridge" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#746a3e"/>
<stop offset="1" stop-color="#3f472a"/>
</linearGradient>
<linearGradient id="river" x1="0" x2="1">
<stop offset="0" stop-color="#244b6f"/>
<stop offset="0.48" stop-color="#3d7e9c"/>
<stop offset="1" stop-color="#183751"/>
</linearGradient>
<pattern id="grain" width="22" height="22" patternUnits="userSpaceOnUse">
<path d="M4 8h6M14 4h4M8 16h8M2 20h3" stroke="#d7ca8b" stroke-width="1" opacity=".34"/>
<path d="M20 11h-5M12 2h-3M6 12h4" stroke="#584d2c" stroke-width="1" opacity=".24"/>
</pattern>
</defs>
<rect width="1120" height="940" fill="url(#plain)"/>
<rect width="1120" height="940" fill="url(#grain)" opacity=".78"/>
<path d="M0 110 C150 74 246 164 352 120 C484 66 575 138 690 114 C836 84 966 60 1120 96 L1120 0 L0 0Z" fill="url(#ridge)" opacity=".96"/>
<path d="M0 470 C126 372 236 438 342 350 C460 254 602 350 694 276 C806 186 962 248 1120 196 L1120 0 L0 0Z" fill="#4e5b31" opacity=".72"/>
<path d="M0 730 C116 694 168 616 292 634 C424 656 462 544 586 570 C722 596 784 512 906 536 C1018 558 1060 496 1120 478 L1120 940 L0 940Z" fill="#496331" opacity=".82"/>
<path d="M20 820 C176 816 246 758 398 768 C582 780 660 704 826 720 C940 730 1012 690 1118 700" stroke="url(#river)" stroke-width="72" fill="none" opacity=".95"/>
<path d="M770 0 C790 154 754 258 796 372 C842 496 808 620 856 758 C876 820 860 882 836 940" stroke="url(#river)" stroke-width="54" fill="none" opacity=".86"/>
<path d="M86 826 C226 760 330 726 444 662 C582 584 650 506 786 446 C902 396 976 316 1092 250" stroke="#d1b36a" stroke-width="54" fill="none" opacity=".88"/>
<path d="M246 744 C340 654 394 600 464 504 C520 426 622 380 764 356" stroke="#c8ad62" stroke-width="40" fill="none" opacity=".88"/>
<path d="M444 660 C524 650 622 626 706 580 C808 526 928 528 1064 568" stroke="#c6a95d" stroke-width="38" fill="none" opacity=".84"/>
<g fill="#6f7d38" opacity=".84">
<ellipse cx="205" cy="644" rx="128" ry="74"/>
<ellipse cx="387" cy="535" rx="132" ry="78"/>
<ellipse cx="646" cy="514" rx="158" ry="82"/>
<ellipse cx="942" cy="594" rx="128" ry="92"/>
</g>
<g fill="#374520" opacity=".86">
<circle cx="170" cy="630" r="16"/><circle cx="210" cy="604" r="18"/><circle cx="246" cy="658" r="14"/>
<circle cx="350" cy="510" r="17"/><circle cx="398" cy="558" r="15"/><circle cx="438" cy="500" r="18"/>
<circle cx="598" cy="492" r="17"/><circle cx="660" cy="548" r="19"/><circle cx="730" cy="506" r="15"/>
<circle cx="900" cy="564" r="18"/><circle cx="960" cy="616" r="16"/><circle cx="1008" cy="568" r="14"/>
</g>
<g fill="#7d6a42" stroke="#2f2618" stroke-width="8" opacity=".94">
<rect x="146" y="708" width="122" height="74" rx="5"/>
<rect x="498" y="580" width="130" height="82" rx="5"/>
<rect x="866" y="488" width="150" height="90" rx="5"/>
<rect x="938" y="296" width="122" height="80" rx="5"/>
</g>
<g fill="#8b743a" stroke="#2e2815" stroke-width="7">
<path d="M598 360 h92 v74 h-92z"/>
<path d="M814 332 h118 v84 h-118z"/>
<path d="M946 198 h116 v84 h-116z"/>
</g>
<g stroke="#2b2516" stroke-width="2" opacity=".28">
<path d="M0 160H1120M0 320H1120M0 480H1120M0 640H1120M0 800H1120"/>
<path d="M160 0V940M320 0V940M480 0V940M640 0V940M800 0V940M960 0V940"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 MiB

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

@@ -6,7 +6,7 @@ import fiftyFirstBattleMapUrl from '../../assets/images/battle/fifty-first-battl
import fiftySecondBattleMapUrl from '../../assets/images/battle/fifty-second-battle-map.webp';
import fiftyThirdBattleMapUrl from '../../assets/images/battle/fifty-third-battle-map.webp';
import fiftyFourthBattleMapUrl from '../../assets/images/battle/fifty-fourth-battle-map.webp';
import fiftyFifthBattleMapUrl from '../../assets/images/battle/fifty-fifth-battle-map.svg';
import fiftyFifthBattleMapUrl from '../../assets/images/battle/fifty-fifth-battle-map.webp';
import fiftyEighthBattleMapUrl from '../../assets/images/battle/fifty-eighth-battle-map.svg';
import fiftyNinthBattleMapUrl from '../../assets/images/battle/fifty-ninth-battle-map.svg';
import sixtiethBattleMapUrl from '../../assets/images/battle/sixtieth-battle-map.svg';
@@ -17,7 +17,7 @@ import sixtyFourthBattleMapUrl from '../../assets/images/battle/sixty-fourth-bat
import sixtyFifthBattleMapUrl from '../../assets/images/battle/sixty-fifth-battle-map.svg';
import sixtySixthBattleMapUrl from '../../assets/images/battle/sixty-sixth-battle-map.svg';
import fiftySeventhBattleMapUrl from '../../assets/images/battle/fifty-seventh-battle-map.svg';
import fiftySixthBattleMapUrl from '../../assets/images/battle/fifty-sixth-battle-map.svg';
import fiftySixthBattleMapUrl from '../../assets/images/battle/fifty-sixth-battle-map.webp';
import fifthBattleMapUrl from '../../assets/images/battle/fifth-battle-map.webp';
import fifteenthBattleMapUrl from '../../assets/images/battle/fifteenth-battle-map.webp';
import firstBattleMapUrl from '../../assets/images/battle/first-battle-map.webp';