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

Add sixth Meng Huo capture battle

Browse Source
This commit is contained in:
Wickedness
2026-06-24 00:09:17 +09:00
parent 189766491f
commit a54e852c2b
11 changed files with 867 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/assets/images/battle/fifty-third-battle-map.svg Normal file
View File

@@ -0,0 +1,75 @@
<svg xmlns="http://www.w3.org/2000/svg" width="5300" height="4400" viewBox="0 0 10600 8800" preserveAspectRatio="none">
<defs>
<linearGradient id="ground" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#574c2f"/>
<stop offset="0.45" stop-color="#746539"/>
<stop offset="1" stop-color="#3f3a27"/>
</linearGradient>
<linearGradient id="water" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#183850"/>
<stop offset="0.5" stop-color="#1f6c77"/>
<stop offset="1" stop-color="#0e2b3e"/>
</linearGradient>
<pattern id="jungle" width="420" height="420" patternUnits="userSpaceOnUse">
<rect width="420" height="420" fill="#20351f"/>
<path d="M24 270 C92 154 210 96 380 46 M-18 94 C88 210 206 270 438 338" stroke="#5f7f34" stroke-width="32" stroke-linecap="round" opacity=".7"/>
<path d="M50 348 C120 246 210 176 342 116 M86 78 C178 176 262 224 392 246" stroke="#a0a35d" stroke-width="12" stroke-linecap="round" opacity=".75"/>
<circle cx="96" cy="126" r="18" fill="#28391f" opacity=".8"/>
<circle cx="310" cy="314" r="22" fill="#111e16" opacity=".65"/>
</pattern>
<pattern id="stone" width="360" height="360" patternUnits="userSpaceOnUse">
<rect width="360" height="360" fill="#343422"/>
<path d="M10 80 L118 32 L232 72 L350 18 M-20 244 L96 198 L210 250 L382 176" stroke="#7e7656" stroke-width="28" stroke-linecap="round" opacity=".65"/>
<path d="M30 128 L146 92 L254 134 M48 292 L154 256 L302 308" stroke="#242714" stroke-width="18" stroke-linecap="round" opacity=".7"/>
</pattern>
<pattern id="roadDust" width="300" height="300" patternUnits="userSpaceOnUse">
<rect width="300" height="300" fill="#8c7441"/>
<path d="M0 84 C80 42 182 52 300 18 M-20 238 C92 196 194 208 330 154" stroke="#b79855" stroke-width="22" opacity=".55"/>
<path d="M40 154 C112 128 204 134 282 104" stroke="#5c4b2c" stroke-width="10" opacity=".45"/>
</pattern>
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="22" stdDeviation="26" flood-color="#0d130f" flood-opacity=".55"/>
</filter>
</defs>
<rect width="10600" height="8800" fill="url(#ground)"/>
<rect x="0" y="0" width="10600" height="8800" fill="url(#jungle)" opacity=".18"/>
<path d="M0 8090 C960 7820 1760 7860 2560 8030 C3600 8260 4560 8240 5440 7900 C6660 7440 7620 7360 8780 7680 C9560 7900 10140 7820 10600 7600 L10600 8800 L0 8800 Z" fill="url(#water)" opacity=".95"/>
<path d="M6920 0 C6740 900 6900 1730 7100 2440 C7320 3260 7250 4200 7040 5120 C6840 6040 6970 6940 7330 8120 L6760 8120 C6380 6800 6260 5840 6480 4900 C6670 4080 6750 3330 6540 2550 C6330 1740 6160 880 6330 0 Z" fill="url(#water)" opacity=".9"/>
<path d="M420 7550 C1420 7140 2360 7200 3340 7360 C4380 7540 5480 7260 6460 6780 C7580 6230 8680 6150 10380 6340" fill="none" stroke="#9a7a43" stroke-width="620" stroke-linecap="round" opacity=".8"/>
<path d="M1120 6810 C2140 6410 3000 6420 4040 6510 C5040 6600 6000 6240 6840 5770 C7900 5180 8900 5080 10180 5240" fill="none" stroke="#5f4f2f" stroke-width="280" stroke-linecap="round" opacity=".65"/>
<path d="M0 0 L3160 0 L3160 3600 C2420 3500 1720 3180 1060 2700 C630 2380 280 2240 0 2200 Z" fill="url(#stone)" filter="url(#softShadow)"/>
<path d="M3460 0 L7080 0 C7140 790 7240 1520 7450 2200 C6540 2140 5400 1980 4280 2260 C3900 2350 3620 2500 3460 2700 Z" fill="url(#stone)" filter="url(#softShadow)"/>
<path d="M7660 0 L10600 0 L10600 4080 C9720 3820 8940 3560 8220 3120 C7920 2940 7700 2780 7560 2520 Z" fill="url(#stone)" filter="url(#softShadow)"/>
<path d="M0 4740 C840 4980 1440 5360 1960 5950 C2300 6330 2740 6540 3460 6600 L0 7960 Z" fill="url(#stone)" filter="url(#softShadow)"/>
<path d="M7920 6080 C8520 6260 9120 6720 9560 7520 C9900 8120 10240 8420 10600 8520 L10600 4540 C9840 4480 9220 4720 8720 5140 C8360 5440 8100 5740 7920 6080 Z" fill="url(#stone)" filter="url(#softShadow)"/>
<path d="M1080 6520 C2140 6280 3140 6250 4140 6320 C5180 6400 5960 6040 6680 5600 C7840 4880 9060 4720 10220 4920" fill="none" stroke="url(#roadDust)" stroke-width="420" stroke-linecap="round" opacity=".95"/>
<path d="M3860 5880 C4180 4860 4300 3980 4140 3200 C4060 2780 4180 2420 4520 2140 C5110 1660 5940 1500 7060 1680" fill="none" stroke="url(#roadDust)" stroke-width="360" stroke-linecap="round" opacity=".9"/>
<path d="M7400 5520 C7920 4980 8420 4540 9000 4040 C9460 3640 9860 3140 10280 2460" fill="none" stroke="url(#roadDust)" stroke-width="340" stroke-linecap="round" opacity=".88"/>
<g opacity=".95">
<rect x="1200" y="5940" width="1500" height="820" rx="80" fill="#35532a" stroke="#d6b36c" stroke-width="32"/>
<path d="M1360 6400 L2540 6400 M1740 6040 L1740 6720 M2180 6040 L2180 6720" stroke="#aeb56d" stroke-width="42" opacity=".65"/>
<rect x="4050" y="4600" width="1640" height="980" rx="70" fill="#324b2a" stroke="#d6b36c" stroke-width="32"/>
<path d="M4280 5140 L5480 5140 M4680 4740 L4680 5480 M5140 4740 L5140 5480" stroke="#aeb56d" stroke-width="42" opacity=".6"/>
<rect x="7900" y="4200" width="1480" height="900" rx="70" fill="#30482a" stroke="#d6b36c" stroke-width="32"/>
<path d="M8140 4660 L9140 4660 M8520 4300 L8520 5020 M8900 4300 L8900 5020" stroke="#aeb56d" stroke-width="42" opacity=".6"/>
</g>
<g opacity=".95">
<rect x="2920" y="5480" width="1320" height="760" rx="40" fill="#514529" stroke="#d08b3e" stroke-width="36"/>
<path d="M3060 6100 L4100 5580 M3100 5580 L4120 6100" stroke="#231e14" stroke-width="42" opacity=".55"/>
<rect x="6500" y="5760" width="1440" height="840" rx="40" fill="#514529" stroke="#d08b3e" stroke-width="36"/>
<path d="M6660 6440 L7780 5840 M6680 5860 L7800 6420" stroke="#231e14" stroke-width="42" opacity=".55"/>
<rect x="8460" y="3540" width="1320" height="760" rx="40" fill="#514529" stroke="#d08b3e" stroke-width="36"/>
<path d="M8600 4160 L9640 3640 M8640 3640 L9660 4160" stroke="#231e14" stroke-width="42" opacity=".55"/>
</g>
<g opacity=".22">
<circle cx="1260" cy="860" r="520" fill="#d9c16f"/>
<circle cx="5580" cy="3640" r="460" fill="#d9c16f"/>
<circle cx="9060" cy="6860" r="520" fill="#d9c16f"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.1 KiB