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

Add fifth Meng Huo capture battle

Browse Source
This commit is contained in:
Wickedness
2026-06-23 23:38:57 +09:00
parent b56f613e9f
commit 189766491f
11 changed files with 867 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/assets/images/battle/fifty-second-battle-map.svg Normal file
View File

@@ -0,0 +1,77 @@
<svg xmlns="http://www.w3.org/2000/svg" width="5200" height="4300" viewBox="0 0 10400 8600" role="img" aria-label="Nanman fifth capture battlefield">
<defs>
<linearGradient id="ground" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#8d7f52"/>
<stop offset=".48" stop-color="#6f6843"/>
<stop offset="1" stop-color="#34482c"/>
</linearGradient>
<radialGradient id="deepJungle" cx=".52" cy=".55" r=".72">
<stop offset="0" stop-color="#476d3e"/>
<stop offset=".58" stop-color="#28472f"/>
<stop offset="1" stop-color="#16272c"/>
</radialGradient>
<filter id="softNoise">
<feTurbulence type="fractalNoise" baseFrequency=".017" numOctaves="4" seed="52"/>
<feColorMatrix type="saturate" values=".42"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<pattern id="bamboo" width="260" height="240" patternUnits="userSpaceOnUse">
<path d="M40 240c30-100 20-154 74-234M126 240c-12-90 26-148 76-226M214 240c-40-84-18-142 10-232" stroke="#23371e" stroke-width="18" stroke-linecap="round" opacity=".38"/>
</pattern>
<pattern id="stone" width="360" height="300" patternUnits="userSpaceOnUse">
<path d="M0 230c70-112 160-176 270-190 52-6 80-22 116-48" fill="none" stroke="#261f18" stroke-width="32" opacity=".4"/>
<path d="M22 238c72-74 142-112 238-120" fill="none" stroke="#ae8950" stroke-width="16" opacity=".28"/>
</pattern>
</defs>
<rect width="10400" height="8600" fill="url(#ground)"/>
<rect width="10400" height="8600" fill="#000" opacity=".07" filter="url(#softNoise)"/>
<path d="M0 8020c1160-360 1720 160 2860-230 920-314 1130-1080 2140-980 1060 104 1290 820 2420 604 1110-210 1580-1120 2980-852v2038H0z" fill="url(#deepJungle)" opacity=".96"/>
<path d="M6680 0c-400 980-358 1920-22 2830 356 964 380 1660-26 2480-340 686-272 1360 300 3290h-760c-624-1510-724-2528-320-3360 360-744 304-1330-40-2240-326-862-430-1780-112-3000z" fill="#203f43" opacity=".92"/>
<path d="M6920 0c-270 940-132 1840 190 2690 326 864 330 1512-28 2248-292 604-188 1350 374 3662h-286c-470-1740-590-2730-224-3480 330-678 282-1254-36-2110-330-890-464-1740-206-3010z" fill="#6ea1a2" opacity=".46"/>
<path d="M0 0h3480v3380H0zM3330 0h3980v2580H3330zM7280 0h3120v3600H7280zM8700 3100h1700v2620H8700z" fill="url(#stone)" opacity=".82"/>
<path d="M260 5040c1640-920 3600-700 5320-730 1760-30 3120-460 4640-1300v730c-1520 800-2940 1190-4660 1230-1660 38-3520-88-5000 772z" fill="#3b5d2a" opacity=".74"/>
<path d="M1160 6840c1200-590 2560-590 4080-440 1330 132 2500 330 4100-360v720c-1550 588-2800 400-4110 270-1600-160-2820-126-4070 510z" fill="#496d30" opacity=".72"/>
<path d="M1040 6790c1480-590 3080-540 4620-710 1460-160 2680-500 3860-1280" fill="none" stroke="#c2a15d" stroke-width="270" opacity=".84"/>
<path d="M3020 5850c820-760 1720-1140 2660-1120h3740" fill="none" stroke="#ba9654" stroke-width="250" opacity=".82"/>
<path d="M4540 7220c150-1260 10-2500 450-3640" fill="none" stroke="#b18e50" stroke-width="230" opacity=".78"/>
<path d="M8200 4840c-570 620-620 1260-142 1920 406 560 250 1080-420 1560" fill="none" stroke="#b18d4a" stroke-width="220" opacity=".75"/>
<g fill="url(#bamboo)" opacity=".72">
<rect x="5960" y="2480" width="1080" height="5260"/>
<rect x="420" y="6860" width="2880" height="1600"/>
<rect x="7700" y="6000" width="1760" height="1600"/>
</g>
<g fill="#24492d" opacity=".8">
<ellipse cx="2100" cy="5320" rx="980" ry="570"/>
<ellipse cx="3720" cy="4960" rx="1020" ry="540"/>
<ellipse cx="5900" cy="4140" rx="1120" ry="600"/>
<ellipse cx="8340" cy="3760" rx="1080" ry="590"/>
<ellipse cx="8780" cy="6100" rx="960" ry="520"/>
</g>
<g fill="#98652c" opacity=".88">
<rect x="2600" y="5420" width="780" height="540" rx="42"/>
<rect x="4100" y="4480" width="860" height="560" rx="42"/>
<rect x="7500" y="5000" width="900" height="580" rx="42"/>
<rect x="8380" y="3500" width="900" height="540" rx="42"/>
</g>
<g fill="#d2ba73" stroke="#49331c" stroke-width="42">
<path d="M2900 5700l310-242 318 242v294h-628z"/>
<path d="M4420 4750l330-260 334 260v310h-664z"/>
<path d="M7820 5280l342-270 344 270v340h-686z"/>
<path d="M8690 3780l318-250 318 250v306h-636z"/>
</g>
<g fill="#52352a" stroke="#d38d3f" stroke-width="48">
<rect x="5480" y="3380" width="860" height="700" rx="52"/>
<rect x="6960" y="5200" width="940" height="720" rx="52"/>
<rect x="8840" y="4400" width="960" height="740" rx="52"/>
</g>
<g fill="#e49333" opacity=".75">
<circle cx="5900" cy="3730" r="132"/>
<circle cx="7380" cy="5560" r="122"/>
<circle cx="9270" cy="4760" r="144"/>
</g>
<g fill="none" stroke="#171d15" stroke-width="34" opacity=".34">
<path d="M0 5000c1860-980 4080-820 6040-870 1460-38 2860-470 4360-1280"/>
<path d="M700 6680c1420-530 2760-500 4300-350 1420 138 2740 370 4500-360"/>
<path d="M6820 0c-420 1380 92 2860 420 4040 260 940-210 1710-12 2700"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB