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

Add Chengdu surrender chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 12:38:53 +09:00
parent 9ac621da76
commit aca7d6568a
11 changed files with 879 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
src/assets/images/battle/thirty-third-battle-map.svg Normal file
View File

@@ -0,0 +1,85 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6600 4800" width="6600" height="4800">
<defs>
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.014 0.022" numOctaves="5" seed="33"/>
<feColorMatrix type="saturate" values="0.36"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<linearGradient id="earth" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#6f7651"/>
<stop offset="0.46" stop-color="#a08458"/>
<stop offset="1" stop-color="#455a44"/>
</linearGradient>
<linearGradient id="wall" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#c2a77c"/>
<stop offset="0.52" stop-color="#76634d"/>
<stop offset="1" stop-color="#2f302b"/>
</linearGradient>
<pattern id="fieldDots" width="78" height="78" patternUnits="userSpaceOnUse">
<circle cx="12" cy="18" r="7" fill="#355a36" opacity="0.25"/>
<circle cx="54" cy="55" r="5" fill="#c8a46f" opacity="0.35"/>
<circle cx="64" cy="22" r="4" fill="#283f2f" opacity="0.2"/>
</pattern>
<pattern id="masonry" width="190" height="126" patternUnits="userSpaceOnUse">
<path d="M0 63H190M95 0V63M48 63v63M142 63v63" stroke="#231e19" stroke-width="10" opacity="0.28"/>
<path d="M0 0H190V126H0Z" fill="none" stroke="#e0c08c" stroke-width="8" opacity="0.14"/>
</pattern>
</defs>
<rect width="6600" height="4800" fill="url(#earth)"/>
<rect width="6600" height="4800" fill="url(#fieldDots)" opacity="0.66"/>
<g filter="url(#grain)">
<path d="M0 0H1340C1170 710 1130 1500 1260 2150C1380 2740 1060 3470 520 4040H0Z" fill="#24392d" opacity="0.73"/>
<path d="M2240 0H3540C3310 690 3260 1330 3400 1900C3540 2490 3240 3160 2660 3640C2380 3880 2300 4300 2290 4800H1380C1680 4240 1880 3610 1930 2990C1990 2180 1780 1300 2240 0Z" fill="#405437" opacity="0.53"/>
<path d="M3700 3540C4250 3220 4850 3140 5510 3290C6040 3410 6370 3220 6600 2950V4800H3700Z" fill="#304a31" opacity="0.6"/>
<path d="M0 4290C830 4020 1580 3940 2320 4090C2970 4220 3560 4070 4100 3740L4380 4800H0Z" fill="#56683d" opacity="0.43"/>
<path d="M40 4390C820 4120 1560 3970 2260 3780C3060 3560 3680 3220 4320 2800C4920 2400 5540 2100 6560 1920" fill="none" stroke="#b99a67" stroke-width="270" opacity="0.84"/>
<path d="M470 4400C1210 4150 1930 3980 2600 3720C3390 3410 4020 2960 4620 2580C5160 2220 5740 1990 6540 1840" fill="none" stroke="#6d563c" stroke-width="74" opacity="0.32"/>
<path d="M1700 3910C1980 3640 2190 3360 2310 3020C2440 2630 2740 2400 3220 2330C3710 2260 4050 2040 4340 1650" fill="none" stroke="#b79865" stroke-width="150" opacity="0.48"/>
<path d="M1460 0C1620 740 1580 1450 1430 2150C1300 2800 1370 3380 1640 3890" fill="none" stroke="#2c6687" stroke-width="180" opacity="0.74"/>
<path d="M3650 420C3500 1130 3540 1860 3720 2590C3860 3140 3770 3630 3540 4140" fill="none" stroke="#2c6687" stroke-width="155" opacity="0.68"/>
<path d="M4800 3500C5000 3920 5090 4380 5040 4800" fill="none" stroke="#2c6687" stroke-width="160" opacity="0.66"/>
<g opacity="0.92">
<path d="M4740 720L5550 460L6450 790L6550 2840L6020 3200L5080 3050L4580 2460L4560 1060Z" fill="url(#wall)"/>
<path d="M4740 720L5550 460L6450 790L6550 2840L6020 3200L5080 3050L4580 2460L4560 1060Z" fill="url(#masonry)" opacity="0.78"/>
<path d="M4920 1010L5560 820L6220 1070V2560L5850 2810L5210 2700L4860 2320V1220Z" fill="#3f342b" opacity="0.76"/>
<path d="M5320 2580H5940V3180H5320Z" fill="#2d2b29"/>
<path d="M5320 2580H5940V3180H5320Z" fill="url(#masonry)" opacity="0.57"/>
<path d="M4640 1290H4930M4630 1680H4920M4680 2170H4990M6230 1280H6570M6200 1780H6570M6150 2330H6510" stroke="#d7bd8a" stroke-width="58" stroke-linecap="round" opacity="0.58"/>
<path d="M5480 2760C5620 2640 5780 2640 5940 2760V3190H5480Z" fill="#211b17" opacity="0.86"/>
<path d="M5050 880L5250 720L5450 880M5920 910L6150 740L6400 930" fill="none" stroke="#d2b476" stroke-width="60" stroke-linecap="round" opacity="0.54"/>
</g>
<g opacity="0.65">
<rect x="1780" y="3820" width="410" height="270" fill="#8c6a42"/>
<path d="M1720 3820L1980 3610L2250 3820Z" fill="#5d432e"/>
<rect x="3620" y="3280" width="330" height="230" fill="#8c6a42"/>
<path d="M3570 3280L3790 3110L4010 3280Z" fill="#5d432e"/>
<rect x="4620" y="2780" width="330" height="240" fill="#8c6a42"/>
<path d="M4570 2780L4790 2600L5010 2780Z" fill="#5d432e"/>
<rect x="5720" y="3100" width="390" height="260" fill="#947248"/>
<path d="M5660 3100L5910 2900L6170 3100Z" fill="#604631"/>
</g>
<g opacity="0.5">
<circle cx="720" cy="680" r="190" fill="#1d2e24"/>
<circle cx="1040" cy="1010" r="230" fill="#233a2a"/>
<circle cx="760" cy="1580" r="240" fill="#1f3327"/>
<circle cx="2360" cy="1160" r="260" fill="#273923"/>
<circle cx="2840" cy="1810" r="230" fill="#33472d"/>
<circle cx="4100" cy="3730" r="280" fill="#263b2b"/>
<circle cx="5480" cy="3690" r="270" fill="#263b2b"/>
<circle cx="6240" cy="3560" r="240" fill="#203223"/>
</g>
<g opacity="0.42">
<path d="M0 0H1120V180H0Z" fill="#26231f"/>
<path d="M2320 0H3370V180H2320Z" fill="#26231f"/>
<path d="M3660 0H5200V150H3660Z" fill="#26231f"/>
<path d="M6330 0H6600V1460H6330Z" fill="#24211e"/>
<path d="M0 0H200V3460H0Z" fill="#24211e"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB