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

Add Wudu Yinping campaign chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-24 11:28:46 +09:00
parent 779b639bdf
commit f3d23a13be
10 changed files with 833 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/assets/images/battle/sixtieth-battle-map.svg Normal file
View File

@@ -0,0 +1,69 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1632" role="img" aria-labelledby="title desc">
<title id="title">Wudu and Yinping mountain campaign map</title>
<desc id="desc">Original tactical battlefield map with twin northern valleys, mountain roads, river bends, Shu camps, Wei forts, and commandery towns.</desc>
<defs>
<linearGradient id="ground" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#56694b"/>
<stop offset="0.46" stop-color="#74835a"/>
<stop offset="1" stop-color="#a28a58"/>
</linearGradient>
<linearGradient id="river" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#2c6476"/>
<stop offset="1" stop-color="#5da3a9"/>
</linearGradient>
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.012" numOctaves="3" seed="60"/>
<feColorMatrix type="saturate" values="0.18"/>
<feBlend in="SourceGraphic" mode="multiply"/>
</filter>
</defs>
<rect width="1920" height="1632" fill="url(#ground)"/>
<g opacity="0.2" filter="url(#grain)">
<rect width="1920" height="1632" fill="#2f2a1f"/>
</g>
<path d="M48 98 C230 210 190 360 380 500 C558 631 505 812 720 928 C928 1042 890 1218 1110 1342 C1328 1468 1494 1464 1872 1562" fill="none" stroke="url(#river)" stroke-width="88" stroke-linecap="round"/>
<path d="M974 8 C920 170 998 306 924 454 C842 620 946 776 874 934 C812 1070 850 1208 760 1450" fill="none" stroke="#356e7b" stroke-width="54" stroke-linecap="round" opacity="0.88"/>
<path d="M86 1410 C324 1358 468 1258 612 1142 C790 1000 1008 956 1188 806 C1388 640 1524 488 1840 358" fill="none" stroke="#c8a66b" stroke-width="42" stroke-linecap="round"/>
<path d="M264 1346 C442 1200 540 1032 760 950 C990 864 1084 690 1260 562 C1448 424 1612 414 1838 254" fill="none" stroke="#9f7d50" stroke-width="22" stroke-linecap="round"/>
<path d="M330 1466 C486 1302 650 1250 820 1122 C992 994 1186 1010 1350 862 C1514 714 1594 574 1850 530" fill="none" stroke="#d1b378" stroke-width="30" stroke-linecap="round"/>
<g fill="#394834" opacity="0.86">
<path d="M0 0 L430 0 L330 198 L450 380 L236 468 L0 392 Z"/>
<path d="M612 0 L936 0 L852 230 L690 336 L574 190 Z"/>
<path d="M1120 0 L1920 0 L1920 332 L1728 278 L1520 372 L1368 210 Z"/>
<path d="M1508 558 L1920 470 L1920 972 L1684 880 L1456 938 Z"/>
<path d="M0 548 L392 610 L236 848 L410 1078 L0 1162 Z"/>
</g>
<g fill="#253a2f" opacity="0.72">
<ellipse cx="280" cy="720" rx="210" ry="142"/>
<ellipse cx="542" cy="930" rx="196" ry="126"/>
<ellipse cx="1288" cy="1140" rx="280" ry="144"/>
<ellipse cx="1548" cy="1032" rx="206" ry="112"/>
<ellipse cx="1010" cy="642" rx="210" ry="116"/>
</g>
<g fill="#7c5d46" stroke="#3b2f28" stroke-width="8">
<rect x="222" y="1308" width="228" height="132" rx="6"/>
<rect x="574" y="1112" width="248" height="144" rx="6"/>
<rect x="930" y="920" width="260" height="150" rx="6"/>
<rect x="1278" y="674" width="286" height="164" rx="6"/>
<rect x="1580" y="356" width="250" height="148" rx="6"/>
</g>
<g fill="#5f3f33" stroke="#2b201b" stroke-width="10">
<path d="M1320 432 L1524 392 L1634 512 L1572 656 L1356 674 L1248 552 Z"/>
<path d="M890 654 L1088 616 L1208 728 L1148 870 L940 902 L822 774 Z"/>
<path d="M1492 174 L1708 148 L1838 250 L1772 386 L1556 414 L1434 300 Z"/>
</g>
<g fill="#d8c08d" stroke="#5e4733" stroke-width="7">
<rect x="148" y="1218" width="112" height="74" rx="5"/>
<rect x="468" y="1048" width="116" height="76" rx="5"/>
<rect x="704" y="900" width="122" height="78" rx="5"/>
<rect x="1162" y="778" width="126" height="82" rx="5"/>
<rect x="1370" y="520" width="122" height="78" rx="5"/>
</g>
<g fill="#ead9a5" font-family="serif" font-size="46" font-weight="700" stroke="#3a2a20" stroke-width="2" paint-order="stroke">
<text x="254" y="1388">촉 진영</text>
<text x="626" y="1196">음평로</text>
<text x="978" y="1010">무도로</text>
<text x="1326" y="774">곽회 방어선</text>
<text x="1608" y="454">위 본영</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB