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

Add Yi Province relief road chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 08:55:39 +09:00
parent 2402e1c38f
commit 17cbaab55d
11 changed files with 1251 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
src/assets/images/battle/twenty-seventh-battle-map.svg Normal file
View File

@@ -0,0 +1,120 @@
<svg xmlns="http://www.w3.org/2000/svg" width="5400" height="3600" viewBox="0 0 5400 3600">
<defs>
<filter id="grain" x="-5%" y="-5%" width="110%" height="110%">
<feTurbulence type="fractalNoise" baseFrequency="0.032" numOctaves="4" seed="27" result="noise"/>
<feColorMatrix type="saturate" values="0.42"/>
<feBlend in="SourceGraphic" in2="noise" mode="multiply"/>
</filter>
<filter id="ink" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="14" stdDeviation="9" flood-color="#21150d" flood-opacity="0.38"/>
</filter>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#877f55"/>
<stop offset="0.48" stop-color="#a49060"/>
<stop offset="1" stop-color="#6d704e"/>
</linearGradient>
<linearGradient id="road" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#b79b68"/>
<stop offset="0.52" stop-color="#d3ba81"/>
<stop offset="1" stop-color="#92784e"/>
</linearGradient>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#355a78"/>
<stop offset="0.48" stop-color="#5f8faa"/>
<stop offset="1" stop-color="#2d4b67"/>
</linearGradient>
<linearGradient id="mountain" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#4a4a2e"/>
<stop offset="0.55" stop-color="#2e321f"/>
<stop offset="1" stop-color="#171b14"/>
</linearGradient>
<pattern id="fieldHatch" width="180" height="180" patternUnits="userSpaceOnUse">
<path d="M-40 135 C30 92 78 88 150 40 M0 190 C70 148 126 138 205 82" fill="none" stroke="#cbb077" stroke-width="10" stroke-opacity="0.18"/>
<circle cx="38" cy="54" r="7" fill="#4c6438" opacity="0.2"/>
<circle cx="126" cy="122" r="6" fill="#4c6438" opacity="0.16"/>
</pattern>
</defs>
<rect width="5400" height="3600" fill="url(#plain)"/>
<rect width="5400" height="3600" fill="url(#fieldHatch)" opacity="0.8" filter="url(#grain)"/>
<g opacity="0.42">
<path d="M70 1380 C510 980 720 440 1110 80 L1180 0 L0 0 L0 2920 C88 2500 160 1970 70 1380Z" fill="#111814"/>
<path d="M5220 2080 C4970 2480 4860 3090 5180 3600 L5400 3600 L5400 0 L4720 0 C4480 360 4540 780 4870 1040 C5150 1260 5380 1640 5220 2080Z" fill="#121812"/>
<path d="M4260 0 C4210 290 4380 535 4620 790 L4695 0Z" fill="#111814"/>
</g>
<g filter="url(#ink)">
<path d="M1205 0 C1170 310 1215 690 1280 1040 C1355 1440 1280 1985 1190 2520" fill="none" stroke="#22384e" stroke-width="240" stroke-linecap="round"/>
<path d="M1225 0 C1198 315 1248 705 1308 1040 C1388 1455 1304 1988 1215 2515" fill="none" stroke="url(#river)" stroke-width="185" stroke-linecap="round"/>
<path d="M1288 80 C1274 420 1342 786 1395 1090 C1458 1452 1388 1890 1325 2310" fill="none" stroke="#91c5d7" stroke-width="22" stroke-linecap="round" opacity="0.52"/>
<path d="M2920 420 C2985 880 2980 1330 2920 2080" fill="none" stroke="#22384e" stroke-width="220" stroke-linecap="round"/>
<path d="M2948 430 C3008 885 3000 1330 2955 2070" fill="none" stroke="url(#river)" stroke-width="165" stroke-linecap="round"/>
<path d="M3006 500 C3042 900 3036 1290 3000 1905" fill="none" stroke="#9ccfe0" stroke-width="19" stroke-linecap="round" opacity="0.48"/>
<path d="M3650 2520 C3640 2860 3675 3240 3665 3600" fill="none" stroke="#22384e" stroke-width="220" stroke-linecap="round"/>
<path d="M3675 2530 C3668 2865 3700 3245 3692 3600" fill="none" stroke="url(#river)" stroke-width="160" stroke-linecap="round"/>
</g>
<g opacity="0.95">
<path d="M450 3140 C980 3020 1325 3040 1795 2860 C2260 2685 2550 2505 3210 2460 C3710 2425 4185 2105 4710 1640 C4910 1465 5055 1445 5200 1510" fill="none" stroke="#604633" stroke-width="310" stroke-linecap="round" stroke-linejoin="round" opacity="0.38"/>
<path d="M455 3120 C1015 3008 1360 3012 1815 2825 C2300 2626 2585 2440 3190 2405 C3684 2378 4140 2070 4668 1596 C4880 1405 5055 1380 5215 1458" fill="none" stroke="url(#road)" stroke-width="210" stroke-linecap="round" stroke-linejoin="round" filter="url(#grain)"/>
<path d="M700 3160 C1340 3020 1710 2990 2240 2660 C2650 2405 2955 2298 3348 2300" fill="none" stroke="#ecd59d" stroke-width="32" stroke-linecap="round" stroke-opacity="0.42"/>
</g>
<g filter="url(#ink)">
<path d="M380 720 C680 370 1010 240 1370 140 C1590 82 1765 38 2060 52 C1740 390 1480 690 1290 1120 C1055 1040 835 1000 620 1095 C495 1150 410 1060 380 720Z" fill="url(#mountain)"/>
<path d="M1980 120 C2290 0 2590 80 2850 360 C2670 610 2540 825 2480 1110 C2200 960 1925 885 1635 980 C1668 690 1780 390 1980 120Z" fill="url(#mountain)"/>
<path d="M3130 420 C3600 170 4020 255 4350 760 C4110 980 3970 1250 3870 1540 C3615 1360 3315 1310 2990 1420 C3028 1020 3085 675 3130 420Z" fill="url(#mountain)"/>
<path d="M2300 3060 C2630 2840 3080 2840 3400 3040 C3240 3230 3150 3410 3090 3600 L2220 3600 C2215 3445 2240 3260 2300 3060Z" fill="url(#mountain)"/>
<path d="M4150 2470 C4560 2320 4985 2400 5330 2790 C5090 3020 4945 3290 4890 3600 L4190 3600 C4300 3250 4275 2860 4150 2470Z" fill="url(#mountain)"/>
</g>
<g opacity="0.94">
<g transform="translate(1750 2680)">
<path d="M0 85 L130 0 L260 85 L238 245 L26 245Z" fill="#736640" stroke="#2c2116" stroke-width="18"/>
<path d="M40 92 L130 32 L220 92 L205 128 L130 84 L55 128Z" fill="#d18a29"/>
<rect x="92" y="130" width="76" height="112" fill="#2f2116"/>
<path d="M30 250 C100 285 170 285 240 250" fill="none" stroke="#26321c" stroke-width="20"/>
</g>
<g transform="translate(3180 2200) scale(0.92)">
<path d="M0 85 L130 0 L260 85 L238 245 L26 245Z" fill="#716241" stroke="#2c2116" stroke-width="18"/>
<path d="M40 92 L130 32 L220 92 L205 128 L130 84 L55 128Z" fill="#d18a29"/>
<rect x="92" y="130" width="76" height="112" fill="#2f2116"/>
</g>
<g transform="translate(3820 1600) scale(0.86)">
<path d="M0 85 L130 0 L260 85 L238 245 L26 245Z" fill="#746340" stroke="#2c2116" stroke-width="18"/>
<path d="M40 92 L130 32 L220 92 L205 128 L130 84 L55 128Z" fill="#d18a29"/>
<rect x="92" y="130" width="76" height="112" fill="#2f2116"/>
</g>
</g>
<g filter="url(#ink)">
<path d="M4470 1200 L5140 1200 L5260 1325 L5260 2015 L4420 2015 L4420 1325Z" fill="#6e5e43" stroke="#241b14" stroke-width="32"/>
<path d="M4580 1320 L5085 1320 L5170 1400 L5170 1930 L4510 1930 L4510 1400Z" fill="#9a8155" stroke="#302014" stroke-width="22"/>
<path d="M4740 1535 L4930 1535 L4930 1930 L4740 1930Z" fill="#292017"/>
<path d="M4460 1185 L4380 1295 L4420 1325 L5260 1325 L5330 1250 L5140 1200Z" fill="#3a3429"/>
<path d="M4650 1120 L4770 1050 L4890 1120 L4890 1235 L4650 1235Z" fill="#4c4638" stroke="#241b14" stroke-width="20"/>
<path d="M4970 1135 L5070 1080 L5170 1135 L5170 1235 L4970 1235Z" fill="#4c4638" stroke="#241b14" stroke-width="20"/>
</g>
<g opacity="0.75">
<circle cx="820" cy="1690" r="190" fill="#2e5129"/>
<circle cx="1050" cy="1505" r="230" fill="#274b26"/>
<circle cx="1370" cy="1710" r="260" fill="#355d31"/>
<circle cx="1890" cy="1280" r="230" fill="#31562e"/>
<circle cx="2220" cy="1500" r="260" fill="#294b27"/>
<circle cx="2670" cy="1900" r="220" fill="#30582f"/>
<circle cx="3370" cy="2950" r="260" fill="#315c31"/>
<circle cx="3920" cy="3040" r="300" fill="#294c2b"/>
<circle cx="4520" cy="2620" r="270" fill="#31582f"/>
<circle cx="5000" cy="3010" r="300" fill="#294b27"/>
</g>
<g opacity="0.22">
<path d="M0 2900 C420 2810 760 2780 1160 2880" fill="none" stroke="#e8d19a" stroke-width="28"/>
<path d="M3550 1450 C3920 1230 4260 1100 4620 1120" fill="none" stroke="#e8d19a" stroke-width="24"/>
<path d="M1450 2680 C1910 2600 2350 2440 2770 2180" fill="none" stroke="#4a341f" stroke-width="18"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB