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

Add Luofeng Slope ambush chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 10:09:41 +09:00
parent cc6365d5ba
commit 0872c584b4
11 changed files with 1250 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
src/assets/images/battle/thirtieth-battle-map.svg Normal file
View File

@@ -0,0 +1,122 @@
<svg xmlns="http://www.w3.org/2000/svg" width="6000" height="4200" viewBox="0 0 6000 4200">
<defs>
<filter id="grain" x="-5%" y="-5%" width="110%" height="110%">
<feTurbulence type="fractalNoise" baseFrequency="0.024" numOctaves="4" seed="30" result="noise"/>
<feColorMatrix type="saturate" values="0.5"/>
<feBlend in="SourceGraphic" in2="noise" mode="multiply"/>
</filter>
<filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="18" stdDeviation="12" flood-color="#1a1009" flood-opacity="0.48"/>
</filter>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#6d6f49"/>
<stop offset="0.5" stop-color="#a08758"/>
<stop offset="1" stop-color="#596743"/>
</linearGradient>
<linearGradient id="road" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#8b653f"/>
<stop offset="0.5" stop-color="#d0b06f"/>
<stop offset="1" stop-color="#75563a"/>
</linearGradient>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#213a55"/>
<stop offset="0.5" stop-color="#6d9fb2"/>
<stop offset="1" stop-color="#1e354c"/>
</linearGradient>
<linearGradient id="mountain" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#5a5134"/>
<stop offset="0.58" stop-color="#30341f"/>
<stop offset="1" stop-color="#141912"/>
</linearGradient>
<pattern id="scrub" width="240" height="190" patternUnits="userSpaceOnUse">
<path d="M-60 155 C25 110 84 90 160 38 M34 205 C104 150 165 128 260 76" fill="none" stroke="#dec384" stroke-width="12" stroke-opacity="0.15"/>
<circle cx="48" cy="60" r="8" fill="#38582f" opacity="0.2"/>
<circle cx="164" cy="126" r="7" fill="#31522b" opacity="0.18"/>
</pattern>
</defs>
<rect width="6000" height="4200" fill="url(#plain)"/>
<rect width="6000" height="4200" fill="url(#scrub)" opacity="0.82" filter="url(#grain)"/>
<g opacity="0.55">
<path d="M0 0 L920 0 C690 410 650 920 790 1390 C940 1930 820 2590 600 3300 C480 3680 500 3960 650 4200 L0 4200Z" fill="#101711"/>
<path d="M6000 0 L5250 0 C5010 410 5050 820 5350 1140 C5690 1505 5815 1970 5630 2480 C5470 2920 5530 3560 5800 4200 L6000 4200Z" fill="#101711"/>
<path d="M4600 0 C4490 350 4620 675 4910 955 L5040 0Z" fill="#101711"/>
</g>
<g filter="url(#shadow)">
<path d="M1205 0 C1175 420 1250 890 1325 1280 C1410 1820 1350 2440 1220 3150" fill="none" stroke="#1b3147" stroke-width="260" stroke-linecap="round"/>
<path d="M1235 0 C1210 425 1280 900 1355 1285 C1435 1815 1370 2425 1245 3140" fill="none" stroke="url(#river)" stroke-width="196" stroke-linecap="round"/>
<path d="M1310 100 C1290 545 1375 910 1425 1290 C1480 1770 1425 2320 1325 2850" fill="none" stroke="#a9d6df" stroke-width="22" stroke-linecap="round" opacity="0.5"/>
<path d="M3220 290 C3330 960 3260 1640 3220 2650" fill="none" stroke="#1b3147" stroke-width="254" stroke-linecap="round"/>
<path d="M3250 300 C3355 960 3290 1640 3255 2635" fill="none" stroke="url(#river)" stroke-width="184" stroke-linecap="round"/>
<path d="M3320 420 C3375 1030 3325 1620 3290 2430" fill="none" stroke="#a9d6df" stroke-width="20" stroke-linecap="round" opacity="0.48"/>
<path d="M4190 3180 C4165 3540 4220 3870 4230 4200" fill="none" stroke="#1b3147" stroke-width="235" stroke-linecap="round"/>
<path d="M4220 3190 C4200 3550 4250 3880 4255 4200" fill="none" stroke="url(#river)" stroke-width="172" stroke-linecap="round"/>
</g>
<g filter="url(#shadow)">
<path d="M310 760 C690 280 1160 90 1660 70 C1950 55 2200 80 2480 165 C2100 560 1820 950 1580 1400 C1240 1190 890 1185 630 1320 C470 1400 335 1180 310 760Z" fill="url(#mountain)"/>
<path d="M2030 90 C2460 -50 2840 50 3190 430 C2950 760 2790 1080 2705 1440 C2350 1185 2020 1090 1660 1220 C1695 795 1825 395 2030 90Z" fill="url(#mountain)"/>
<path d="M3360 255 C3890 70 4370 260 4770 870 C4440 1105 4240 1470 4130 1860 C3820 1600 3440 1500 3095 1675 C3135 1180 3240 665 3360 255Z" fill="url(#mountain)"/>
<path d="M2360 3500 C2780 3160 3310 3190 3710 3460 C3480 3680 3365 3920 3320 4200 L2240 4200 C2250 3920 2290 3685 2360 3500Z" fill="url(#mountain)"/>
<path d="M4320 2880 C4825 2650 5380 2800 5740 3230 C5450 3500 5290 3840 5230 4200 L4330 4200 C4495 3730 4475 3310 4320 2880Z" fill="url(#mountain)"/>
</g>
<g opacity="0.98">
<path d="M450 3745 C1050 3500 1550 3450 2090 3130 C2590 2835 2990 2650 3650 2570 C4240 2500 4630 2120 5220 1805 C5470 1670 5700 1680 5860 1790" fill="none" stroke="#4c3422" stroke-width="360" stroke-linecap="round" stroke-linejoin="round" opacity="0.43"/>
<path d="M470 3705 C1080 3470 1570 3410 2095 3075 C2625 2740 3035 2590 3640 2510 C4200 2440 4580 2085 5185 1760 C5450 1625 5700 1625 5870 1735" fill="none" stroke="url(#road)" stroke-width="228" stroke-linecap="round" stroke-linejoin="round" filter="url(#grain)"/>
<path d="M790 3770 C1480 3525 1910 3390 2470 3010 C2890 2725 3230 2625 3670 2620" fill="none" stroke="#f0d99c" stroke-width="34" stroke-linecap="round" stroke-opacity="0.42"/>
<path d="M2860 2780 C3200 2470 3420 2290 3530 1950" fill="none" stroke="#3a261a" stroke-width="68" stroke-linecap="round" opacity="0.28"/>
</g>
<g filter="url(#shadow)">
<path d="M4790 1230 L5650 1230 L5780 1390 L5780 2490 L4710 2490 L4710 1390Z" fill="#69573e" stroke="#211812" stroke-width="38"/>
<path d="M4915 1390 L5570 1390 L5670 1505 L5670 2350 L4825 2350 L4825 1505Z" fill="#96784b" stroke="#2b1b12" stroke-width="25"/>
<path d="M5100 1750 L5345 1750 L5345 2350 L5100 2350Z" fill="#241b14"/>
<path d="M4730 1210 L4630 1360 L4710 1390 L5780 1390 L5855 1300 L5650 1230Z" fill="#363026"/>
<path d="M4960 1150 L5110 1055 L5260 1150 L5260 1310 L4960 1310Z" fill="#444034" stroke="#211912" stroke-width="22"/>
<path d="M5375 1165 L5495 1090 L5615 1165 L5615 1310 L5375 1310Z" fill="#444034" stroke="#211912" stroke-width="22"/>
</g>
<g opacity="0.76">
<circle cx="760" cy="1900" r="250" fill="#2c512a"/>
<circle cx="1120" cy="1660" r="270" fill="#335e32"/>
<circle cx="1510" cy="2020" r="310" fill="#294d27"/>
<circle cx="2020" cy="1510" r="280" fill="#31572e"/>
<circle cx="2400" cy="1830" r="310" fill="#294a26"/>
<circle cx="2870" cy="2320" r="278" fill="#355f32"/>
<circle cx="3580" cy="3440" r="315" fill="#315c31"/>
<circle cx="4130" cy="3560" r="360" fill="#294c2a"/>
<circle cx="4850" cy="3080" r="340" fill="#31582f"/>
<circle cx="5460" cy="3500" r="370" fill="#294b27"/>
</g>
<g opacity="0.96">
<g transform="translate(1810 3295)">
<path d="M0 88 L138 0 L276 88 L250 255 L28 255Z" fill="#746640" stroke="#2b2015" stroke-width="18"/>
<path d="M42 95 L138 35 L234 95 L214 136 L138 88 L62 136Z" fill="#ce8428"/>
<rect x="98" y="136" width="82" height="116" fill="#2d2116"/>
<path d="M35 262 C110 294 178 294 250 262" fill="none" stroke="#25301c" stroke-width="20"/>
</g>
<g transform="translate(3560 2700) scale(0.9)">
<path d="M0 88 L138 0 L276 88 L250 255 L28 255Z" fill="#716241" stroke="#2b2015" stroke-width="18"/>
<path d="M42 95 L138 35 L234 95 L214 136 L138 88 L62 136Z" fill="#ce8428"/>
<rect x="98" y="136" width="82" height="116" fill="#2d2116"/>
</g>
<g transform="translate(4320 2040) scale(0.86)">
<path d="M0 88 L138 0 L276 88 L250 255 L28 255Z" fill="#746340" stroke="#2b2015" stroke-width="18"/>
<path d="M42 95 L138 35 L234 95 L214 136 L138 88 L62 136Z" fill="#ce8428"/>
<rect x="98" y="136" width="82" height="116" fill="#2d2116"/>
</g>
</g>
<g opacity="0.28">
<path d="M0 3480 C530 3260 910 3275 1330 3400" fill="none" stroke="#ead49c" stroke-width="28"/>
<path d="M3700 1650 C4160 1380 4590 1260 5080 1280" fill="none" stroke="#ead49c" stroke-width="24"/>
<path d="M1480 3260 C1990 3130 2480 2880 2970 2530" fill="none" stroke="#49321e" stroke-width="18"/>
<path d="M3300 2100 C3540 1850 3860 1710 4200 1660" fill="none" stroke="#ead49c" stroke-width="18"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB