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

Replace battle maps 57 and 58 with hand-painted assets

Browse Source
This commit is contained in:
Wickedness
2026-07-09 22:25:17 +09:00
parent 179b993934
commit 369be63676
11 changed files with 34 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/assets/images/battle/fifty-eighth-battle-map.svg
View File

@@ -1,62 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1856 1568" width="1856" height="1568">
<defs>
<linearGradient id="soil" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#756b45"/>
<stop offset="0.42" stop-color="#9a8a58"/>
<stop offset="1" stop-color="#564f36"/>
</linearGradient>
<linearGradient id="ridge" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#746b48"/>
<stop offset="0.45" stop-color="#443f2c"/>
<stop offset="1" stop-color="#211f18"/>
</linearGradient>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#264f63"/>
<stop offset="0.52" stop-color="#3f8192"/>
<stop offset="1" stop-color="#17323f"/>
</linearGradient>
<pattern id="grain" width="96" height="96" patternUnits="userSpaceOnUse">
<path d="M6 18c19-9 38-7 57 4M18 72c25-12 48-11 70 2M54 31c13 8 26 10 39 4" fill="none" stroke="#c5b071" stroke-width="3" opacity=".35"/>
<circle cx="30" cy="45" r="3" fill="#40361f" opacity=".25"/>
<circle cx="82" cy="20" r="2" fill="#e0cd89" opacity=".22"/>
<circle cx="61" cy="82" r="2.5" fill="#2d281c" opacity=".25"/>
</pattern>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="10" stdDeviation="8" flood-color="#11100d" flood-opacity=".45"/>
</filter>
</defs>
<rect width="1856" height="1568" fill="url(#soil)"/>
<rect width="1856" height="1568" fill="url(#grain)" opacity=".85"/>
<path d="M0 1180 C210 1090 318 1188 494 1078 C666 970 789 1017 927 890 C1090 739 1254 770 1474 620 C1610 527 1720 432 1856 372 L1856 1568 L0 1568 Z" fill="#36552f" opacity=".85"/>
<path d="M0 1160 C206 1067 329 1139 501 1031 C655 934 817 951 948 826 C1094 686 1275 711 1450 592 C1600 490 1724 400 1856 338" fill="none" stroke="#21361f" stroke-width="46" opacity=".45"/>
<path d="M0 214 C182 132 317 149 461 246 C601 341 707 305 862 215 C1034 115 1177 118 1336 210 C1496 302 1660 294 1856 178 L1856 0 L0 0 Z" fill="url(#ridge)" filter="url(#softShadow)" opacity=".96"/>
<path d="M0 493 C163 392 310 422 472 517 C662 629 808 574 956 455 C1114 329 1286 349 1419 457 C1562 573 1695 559 1856 438 L1856 683 C1670 765 1503 750 1346 641 C1188 532 1060 549 893 677 C712 815 534 785 354 682 C223 607 111 603 0 683 Z" fill="url(#ridge)" opacity=".9"/>
<path d="M124 355 C256 300 360 326 488 406 M958 304 C1076 243 1209 249 1320 321 M1330 720 C1481 820 1640 818 1816 735" fill="none" stroke="#aaa06b" stroke-width="12" opacity=".35"/>
<path d="M520 1568 C571 1353 663 1198 800 1050 C929 911 988 744 1001 554 C1011 412 1064 294 1162 188 C1225 119 1291 60 1352 0 L1461 0 C1398 72 1307 159 1259 248 C1196 364 1175 477 1174 616 C1172 843 1086 1026 935 1198 C815 1335 743 1458 713 1568 Z" fill="url(#river)" opacity=".92"/>
<path d="M616 1568 C652 1393 742 1248 871 1102 C1006 950 1085 760 1082 585 C1080 425 1126 302 1224 181 C1275 118 1345 54 1407 0" fill="none" stroke="#9fd2d5" stroke-width="10" opacity=".35"/>
<path d="M734 1415 C895 1329 1018 1231 1113 1118 C1236 973 1328 818 1414 654 C1518 454 1670 328 1856 265" fill="none" stroke="#bca36a" stroke-width="44" opacity=".78"/>
<path d="M724 1415 C887 1324 1012 1224 1106 1109 C1225 964 1315 810 1404 642 C1516 431 1680 307 1856 246" fill="none" stroke="#534329" stroke-width="12" opacity=".55"/>
<path d="M111 1320 L284 1264 L455 1332 L490 1469 L316 1524 L140 1454 Z" fill="#a37842" stroke="#4d3925" stroke-width="10"/>
<path d="M1228 831 L1400 779 L1584 846 L1638 1009 L1452 1070 L1277 994 Z" fill="#a37d4c" stroke="#4b3826" stroke-width="10"/>
<path d="M1427 389 L1580 337 L1744 394 L1791 536 L1630 596 L1470 530 Z" fill="#8a7147" stroke="#3d3223" stroke-width="10"/>
<g fill="#2f4b24" opacity=".82">
<circle cx="190" cy="957" r="57"/><circle cx="252" cy="920" r="44"/><circle cx="327" cy="970" r="52"/>
<circle cx="418" cy="882" r="48"/><circle cx="505" cy="910" r="61"/><circle cx="596" cy="842" r="47"/>
<circle cx="1504" cy="1135" r="62"/><circle cx="1584" cy="1188" r="52"/><circle cx="1707" cy="1112" r="64"/>
<circle cx="1642" cy="1330" r="58"/><circle cx="1761" cy="1396" r="49"/>
</g>
<g fill="none" stroke="#d5bd72" stroke-width="7" opacity=".48">
<path d="M127 1323 L314 1398 L486 1467"/>
<path d="M1232 837 L1455 934 L1631 1011"/>
<path d="M1432 395 L1626 462 L1788 535"/>
</g>
<g fill="#1d1912" opacity=".24">
<circle cx="314" cy="1398" r="10"/><circle cx="1455" cy="934" r="10"/><circle cx="1626" cy="462" r="10"/>
<circle cx="855" cy="1140" r="9"/><circle cx="1076" cy="913" r="8"/><circle cx="1367" cy="684" r="9"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 MiB

85
src/assets/images/battle/fifty-seventh-battle-map.svg
View File

@@ -1,85 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1824" height="1536" viewBox="0 0 1824 1536">
<defs>
<linearGradient id="jieting-ground" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#7b6f43"/>
<stop offset="0.45" stop-color="#a68a50"/>
<stop offset="1" stop-color="#50482f"/>
</linearGradient>
<radialGradient id="jieting-ridge" cx="42%" cy="34%" r="58%">
<stop offset="0" stop-color="#b49a5a"/>
<stop offset="0.55" stop-color="#6d693b"/>
<stop offset="1" stop-color="#30351f"/>
</radialGradient>
<pattern id="grass-speckle" width="28" height="28" patternUnits="userSpaceOnUse">
<rect width="28" height="28" fill="transparent"/>
<path d="M3 19l6-2M15 9l7-3M20 23l5-4M8 5l3 5" stroke="#3f6d2d" stroke-width="2" opacity=".34"/>
<circle cx="19" cy="15" r="1.7" fill="#d6b56a" opacity=".35"/>
<circle cx="7" cy="24" r="1.4" fill="#2c4d27" opacity=".32"/>
</pattern>
<pattern id="dry-noise" width="36" height="36" patternUnits="userSpaceOnUse">
<rect width="36" height="36" fill="transparent"/>
<circle cx="5" cy="9" r="1.5" fill="#2f2b20" opacity=".26"/>
<circle cx="23" cy="7" r="1.2" fill="#dfc46f" opacity=".28"/>
<circle cx="31" cy="28" r="1.4" fill="#47361f" opacity=".24"/>
<path d="M12 29h10M17 15h13" stroke="#c09c54" stroke-width="2" opacity=".23"/>
</pattern>
<filter id="soft-shadow">
<feDropShadow dx="0" dy="9" stdDeviation="7" flood-color="#111509" flood-opacity=".45"/>
</filter>
</defs>
<rect width="1824" height="1536" fill="url(#jieting-ground)"/>
<rect width="1824" height="1536" fill="url(#dry-noise)" opacity=".72"/>
<path d="M-60 1450C170 1358 332 1296 500 1260c180-39 328-34 503-84 195-56 316-168 491-232 133-48 236-48 392-46v638H-60z" fill="#243d23" opacity=".78"/>
<path d="M0 1258c160-45 320-68 492-56 238 17 346 80 552 50 182-26 304-112 470-150 108-25 219-23 340-8v122H0z" fill="#3f6d2f" opacity=".58"/>
<rect width="1824" height="1536" fill="url(#grass-speckle)" opacity=".58"/>
<path d="M-40 1370c210-92 431-135 660-132 248 3 386 86 613 74 243-13 379-122 616-120v344H-40z" fill="#1f3d2b" opacity=".55"/>
<path d="M0 1398c162-74 324-103 505-103 240 0 392 62 600 41 253-25 408-132 719-116v316H0z" fill="#4a7b35" opacity=".42"/>
<path d="M-20 1345c218-82 378-113 571-100 191 13 286 71 484 58 214-14 351-98 510-125 100-17 188-13 279 1v85c-171-27-283-12-436 47-150 58-300 119-552 116-212-2-346-56-552-47-105 5-197 24-304 65z" fill="#1f251d" opacity=".43"/>
<path d="M0 760C190 650 311 527 448 424c187-141 358-188 536-252 189-68 354-118 840-126v685c-270-26-415 7-605 100-176 86-333 214-571 238-229 23-407-66-648-48z" fill="url(#jieting-ridge)" filter="url(#soft-shadow)"/>
<path d="M96 713c205-105 311-223 454-314 125-79 281-128 451-175 191-53 405-83 768-90" fill="none" stroke="#c7ad68" stroke-width="38" stroke-linecap="round" opacity=".35"/>
<path d="M101 742c205-108 316-232 462-324 133-84 292-135 467-181 195-51 407-73 741-80" fill="none" stroke="#302c1f" stroke-width="11" stroke-linecap="round" opacity=".36"/>
<path d="M30 1160c174-106 334-166 524-176 221-12 397 40 618-5 211-43 330-143 555-158" fill="none" stroke="#b08a47" stroke-width="84" stroke-linecap="round" opacity=".84"/>
<path d="M40 1152c168-92 326-145 510-154 217-11 387 40 609-4 208-41 340-145 562-159" fill="none" stroke="#5a432a" stroke-width="12" stroke-linecap="round" opacity=".35"/>
<path d="M772 1224c8-170 60-282 160-380 96-94 233-152 404-215 148-55 264-130 346-252" fill="none" stroke="#b08a47" stroke-width="72" stroke-linecap="round" opacity=".82"/>
<path d="M780 1221c18-158 63-257 159-350 92-90 230-154 391-211 158-57 282-138 352-271" fill="none" stroke="#5a432a" stroke-width="10" stroke-linecap="round" opacity=".38"/>
<path d="M520 0c-40 130-78 262-52 422 20 123 87 239 88 367 1 164-89 304-136 452" fill="none" stroke="#1d2a22" stroke-width="92" stroke-linecap="round" opacity=".76"/>
<path d="M1265 0c-25 127-58 244-35 365 22 118 94 223 91 348-4 159-102 267-147 421" fill="none" stroke="#1d2a22" stroke-width="82" stroke-linecap="round" opacity=".72"/>
<path d="M510 28c-24 128-55 250-32 389 22 135 84 242 84 373 0 151-76 292-119 432" fill="none" stroke="#4a5f30" stroke-width="42" stroke-linecap="round" opacity=".58"/>
<path d="M1260 22c-15 120-38 231-19 338 23 127 91 230 84 358-7 137-84 252-127 396" fill="none" stroke="#4a5f30" stroke-width="38" stroke-linecap="round" opacity=".55"/>
<path d="M286 1040h218v126H286z" fill="#364f2a" stroke="#1f2a19" stroke-width="8"/>
<path d="M305 1059h48v44h-48zm68 0h48v44h-48zm68 0h48v44h-48zm-136 62h48v28h-48zm68 0h48v28h-48zm68 0h48v28h-48z" fill="#b88d43" opacity=".8"/>
<path d="M1076 828h246v142h-246z" fill="#3c552f" stroke="#1f2a19" stroke-width="8"/>
<path d="M1096 850h54v46h-54zm76 0h54v46h-54zm76 0h54v46h-54zm-152 66h54v32h-54zm76 0h54v32h-54zm76 0h54v32h-54z" fill="#b88d43" opacity=".78"/>
<path d="M1478 520h210v118h-210z" fill="#3f552d" stroke="#1f2a19" stroke-width="8"/>
<path d="M1498 540h43v38h-43zm62 0h43v38h-43zm62 0h43v38h-43zm-124 56h43v24h-43zm62 0h43v24h-43zm62 0h43v24h-43z" fill="#c6a054" opacity=".78"/>
<g opacity=".76" filter="url(#soft-shadow)">
<path d="M868 594l80-54 86 50v96H868z" fill="#624923" stroke="#1f1910" stroke-width="7"/>
<path d="M850 596l100-76 107 76z" fill="#7d2d20" stroke="#21170f" stroke-width="7"/>
<path d="M920 625h57v61h-57z" fill="#29251c"/>
<path d="M1372 336l72-50 78 47v87h-150z" fill="#604621" stroke="#1f1910" stroke-width="7"/>
<path d="M1356 337l90-70 98 70z" fill="#7a2c20" stroke="#21170f" stroke-width="7"/>
<path d="M1418 365h50v55h-50z" fill="#29251c"/>
</g>
<path d="M1140 1196c58-104 160-174 273-216 120-45 245-62 362-109v124c-102 40-211 57-321 94-109 37-198 94-263 176z" fill="#315a87" opacity=".62"/>
<path d="M1165 1202c66-76 151-127 255-163 110-38 222-55 339-95" fill="none" stroke="#8ec0d0" stroke-width="13" opacity=".55"/>
<g opacity=".33">
<path d="M128 712l74-38 52 30 80-50 82 46" fill="none" stroke="#1f2517" stroke-width="17" stroke-linecap="round"/>
<path d="M608 388l66-39 72 36 80-45 86 42" fill="none" stroke="#1f2517" stroke-width="16" stroke-linecap="round"/>
<path d="M1184 250l84-44 66 34 78-39 112 56" fill="none" stroke="#1f2517" stroke-width="17" stroke-linecap="round"/>
<path d="M1344 752l70-36 58 32 78-41 96 44" fill="none" stroke="#1f2517" stroke-width="16" stroke-linecap="round"/>
</g>
<rect width="1824" height="1536" fill="none" stroke="#1a1710" stroke-width="18" opacity=".75"/>
<rect x="28" y="28" width="1768" height="1480" fill="none" stroke="#d2ad62" stroke-width="6" opacity=".38"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 6.6 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 MiB

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

@@ -7,7 +7,7 @@ import fiftySecondBattleMapUrl from '../../assets/images/battle/fifty-second-bat
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.webp';
import fiftyEighthBattleMapUrl from '../../assets/images/battle/fifty-eighth-battle-map.svg';
import fiftyEighthBattleMapUrl from '../../assets/images/battle/fifty-eighth-battle-map.webp';
import fiftyNinthBattleMapUrl from '../../assets/images/battle/fifty-ninth-battle-map.svg';
import sixtiethBattleMapUrl from '../../assets/images/battle/sixtieth-battle-map.svg';
import sixtyFirstBattleMapUrl from '../../assets/images/battle/sixty-first-battle-map.svg';
@@ -16,7 +16,7 @@ import sixtyThirdBattleMapUrl from '../../assets/images/battle/sixty-third-battl
import sixtyFourthBattleMapUrl from '../../assets/images/battle/sixty-fourth-battle-map.svg';
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 fiftySeventhBattleMapUrl from '../../assets/images/battle/fifty-seventh-battle-map.webp';
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';