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

Add Lucheng pursuit chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-24 17:59:05 +09:00
parent 8c446f8948
commit 84a1eccb5d
12 changed files with 892 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

97
src/assets/images/battle/sixty-third-battle-map.svg Normal file
View File

@@ -0,0 +1,97 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2016 1728" role="img" aria-labelledby="title desc">
<title id="title">Lucheng pursuit map</title>
<desc id="desc">Original tactical battlefield map with Lucheng pursuit roads, Shu return camps, Wei blocking forts, signal towers, rivers, villages, ridge gates, and supply routes.</desc>
<defs>
<linearGradient id="ground" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#3f4d42"/>
<stop offset="0.48" stop-color="#6d7557"/>
<stop offset="1" stop-color="#a2875c"/>
</linearGradient>
<linearGradient id="river" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#213e5a"/>
<stop offset="0.52" stop-color="#3b7081"/>
<stop offset="1" stop-color="#88aaa0"/>
</linearGradient>
<linearGradient id="road" x1="0" x2="1" y1="0" y2="0">
<stop offset="0" stop-color="#bf9360"/>
<stop offset="0.5" stop-color="#e0bd79"/>
<stop offset="1" stop-color="#a4714e"/>
</linearGradient>
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.011" numOctaves="4" seed="63"/>
<feColorMatrix type="saturate" values="0.2"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<filter id="soft" x="-4%" y="-4%" width="108%" height="108%">
<feGaussianBlur stdDeviation="1.3"/>
</filter>
</defs>
<rect width="2016" height="1728" fill="url(#ground)"/>
<path d="M118 94 C332 220 270 468 530 620 C808 782 714 1050 1010 1196 C1272 1326 1274 1514 1580 1612 C1762 1670 1900 1686 1984 1708" fill="none" stroke="url(#river)" stroke-width="82" stroke-linecap="round"/>
<path d="M1088 0 C1012 214 1098 390 1018 560 C940 730 1056 894 958 1088 C876 1252 902 1430 778 1668" fill="none" stroke="#2a6674" stroke-width="50" stroke-linecap="round" opacity="0.9"/>
<path d="M126 1510 C370 1358 620 1304 836 1138 C1062 964 1318 918 1510 734 C1700 552 1840 384 1996 292" fill="none" stroke="url(#road)" stroke-width="46" stroke-linecap="round"/>
<path d="M220 1352 C458 1268 650 1158 810 980 C1014 754 1230 790 1446 616 C1648 452 1818 310 2002 164" fill="none" stroke="#b17f55" stroke-width="30" stroke-linecap="round"/>
<path d="M520 1600 C642 1430 792 1356 994 1226 C1198 1094 1432 1090 1602 932 C1770 774 1862 612 2002 550" fill="none" stroke="#d7ad6b" stroke-width="30" stroke-linecap="round"/>
<path d="M692 1208 C824 1042 894 914 1046 770 C1202 622 1380 520 1560 370" fill="none" stroke="#e4c37d" stroke-width="24" stroke-linecap="round" opacity="0.95"/>
<path d="M424 990 C626 922 820 880 1028 812 C1260 736 1490 656 1694 508" fill="none" stroke="#c18f5d" stroke-width="22" stroke-linecap="round" opacity="0.82"/>
<g fill="#314333" opacity="0.92">
<path d="M0 0 L514 0 L392 230 L542 420 L284 548 L0 442 Z"/>
<path d="M664 0 L1086 0 L954 266 L748 408 L596 216 Z"/>
<path d="M1194 0 L2016 0 L2016 344 L1814 286 L1592 404 L1398 230 Z"/>
<path d="M1508 590 L2016 470 L2016 1030 L1730 936 L1460 1010 Z"/>
<path d="M0 632 L442 690 L278 954 L470 1190 L0 1276 Z"/>
</g>
<g fill="#21362e" opacity="0.78">
<ellipse cx="314" cy="780" rx="248" ry="154"/>
<ellipse cx="618" cy="1032" rx="238" ry="140"/>
<ellipse cx="1248" cy="1270" rx="326" ry="158"/>
<ellipse cx="1606" cy="1116" rx="254" ry="132"/>
<ellipse cx="1054" cy="682" rx="268" ry="134"/>
<ellipse cx="1480" cy="462" rx="210" ry="110"/>
</g>
<g fill="#745b41" stroke="#2f241d" stroke-width="8">
<rect x="250" y="1398" width="260" height="144" rx="6"/>
<rect x="596" y="1204" width="276" height="156" rx="6"/>
<rect x="984" y="1018" width="292" height="162" rx="6"/>
<rect x="1340" y="770" width="318" height="176" rx="6"/>
<rect x="1686" y="410" width="278" height="162" rx="6"/>
</g>
<g fill="#5a3d34" stroke="#251b16" stroke-width="10">
<path d="M1404 428 L1636 386 L1774 510 L1714 682 L1468 718 L1332 586 Z"/>
<path d="M946 704 L1174 660 L1304 786 L1246 960 L1002 990 L874 842 Z"/>
<path d="M1582 154 L1814 130 L1956 250 L1892 406 L1658 442 L1510 308 Z"/>
<path d="M1138 1228 L1354 1194 L1484 1312 L1424 1462 L1188 1486 L1060 1346 Z"/>
<path d="M1718 940 L1920 912 L2010 1036 L1966 1186 L1740 1204 L1636 1076 Z"/>
</g>
<g fill="#e3ca8f" stroke="#5a452f" stroke-width="7">
<rect x="170" y="1282" width="124" height="84" rx="5"/>
<rect x="500" y="1126" width="132" height="86" rx="5"/>
<rect x="762" y="968" width="138" height="88" rx="5"/>
<rect x="1222" y="858" width="148" height="92" rx="5"/>
<rect x="1462" y="580" width="138" height="88" rx="5"/>
<rect x="1764" y="316" width="128" height="82" rx="5"/>
</g>
<g opacity="0.24" stroke="#eff0dc" stroke-width="4" stroke-linecap="round" filter="url(#soft)">
<path d="M134 242 C320 198 456 202 642 250"/>
<path d="M728 444 C900 392 1088 404 1276 462"/>
<path d="M1178 158 C1342 118 1530 132 1710 184"/>
<path d="M1288 1056 C1460 1020 1642 1034 1852 1090"/>
</g>
<g fill="#daba6a" stroke="#4a3422" stroke-width="5">
<circle cx="334" cy="1410" r="22"/>
<circle cx="404" cy="1438" r="18"/>
<circle cx="666" cy="1234" r="21"/>
<circle cx="1074" cy="1044" r="22"/>
<circle cx="1418" cy="792" r="20"/>
<circle cx="1778" cy="428" r="22"/>
<circle cx="1838" cy="976" r="19"/>
</g>
<g opacity="0.6" fill="#77302d">
<path d="M332 1348 l58 18 -58 18 z"/>
<path d="M680 1176 l62 18 -62 18 z"/>
<path d="M1086 986 l66 20 -66 20 z"/>
<path d="M1452 734 l66 20 -66 20 z"/>
<path d="M1830 910 l54 18 -54 18 z"/>
</g>
<rect width="2016" height="1728" fill="url(#ground)" opacity="0.06" filter="url(#grain)"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/assets/images/story/22-lucheng-pursuit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB