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

Add Mianzhu Gate sortie chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 12:15:04 +09:00
parent 004ec3cfff
commit 9ac621da76
11 changed files with 870 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/assets/images/battle/thirty-second-battle-map.svg Normal file
View File

@@ -0,0 +1,84 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6400 4600" width="6400" height="4600">
<defs>
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.016 0.024" numOctaves="5" seed="32"/>
<feColorMatrix type="saturate" values="0.34"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<linearGradient id="earth" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#6c7350"/>
<stop offset="0.48" stop-color="#9a8254"/>
<stop offset="1" stop-color="#4b5b46"/>
</linearGradient>
<linearGradient id="stone" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#b19874"/>
<stop offset="0.5" stop-color="#6f604e"/>
<stop offset="1" stop-color="#34352f"/>
</linearGradient>
<pattern id="fieldDots" width="76" height="76" patternUnits="userSpaceOnUse">
<circle cx="14" cy="18" r="7" fill="#375935" opacity="0.26"/>
<circle cx="52" cy="56" r="5" fill="#c2a06e" opacity="0.34"/>
<circle cx="62" cy="20" r="4" fill="#293f2f" opacity="0.2"/>
</pattern>
<pattern id="masonry" width="180" height="120" patternUnits="userSpaceOnUse">
<path d="M0 60H180M90 0V60M45 60v60M135 60v60" stroke="#241f1a" stroke-width="10" opacity="0.28"/>
<path d="M0 0H180V120H0Z" fill="none" stroke="#e0c08c" stroke-width="8" opacity="0.14"/>
</pattern>
</defs>
<rect width="6400" height="4600" fill="url(#earth)"/>
<rect width="6400" height="4600" fill="url(#fieldDots)" opacity="0.68"/>
<g filter="url(#grain)">
<path d="M0 0H1280C1110 680 1080 1420 1210 2050C1320 2600 1010 3290 520 3860H0Z" fill="#24392d" opacity="0.72"/>
<path d="M2160 0H3460C3260 640 3190 1250 3330 1790C3460 2310 3200 2930 2650 3420C2380 3660 2280 4130 2280 4600H1320C1620 4060 1830 3450 1870 2870C1920 2070 1730 1230 2160 0Z" fill="#405135" opacity="0.52"/>
<path d="M3500 3380C4040 3080 4620 3000 5260 3150C5760 3268 6140 3080 6400 2800V4600H3500Z" fill="#304931" opacity="0.58"/>
<path d="M0 4100C800 3860 1510 3800 2220 3930C2860 4050 3410 3910 3920 3600L4180 4600H0Z" fill="#56683d" opacity="0.42"/>
<path d="M40 4210C790 3950 1500 3810 2170 3640C2940 3440 3540 3110 4140 2710C4720 2320 5320 2030 6350 1880" fill="none" stroke="#b79763" stroke-width="260" opacity="0.82"/>
<path d="M480 4230C1190 3990 1880 3840 2520 3600C3280 3310 3880 2870 4440 2500C4960 2160 5530 1940 6320 1810" fill="none" stroke="#6d563c" stroke-width="72" opacity="0.32"/>
<path d="M1680 3730C1920 3500 2100 3280 2190 2950C2290 2570 2570 2360 3040 2290C3500 2220 3830 2010 4100 1650" fill="none" stroke="#b79865" stroke-width="150" opacity="0.46"/>
<path d="M1340 0C1500 690 1470 1360 1330 2020C1210 2630 1270 3180 1530 3660" fill="none" stroke="#2c6687" stroke-width="175" opacity="0.73"/>
<path d="M3540 430C3380 1080 3420 1780 3590 2470C3720 2980 3640 3450 3430 3920" fill="none" stroke="#2c6687" stroke-width="150" opacity="0.66"/>
<path d="M4660 3320C4850 3740 4940 4200 4890 4600" fill="none" stroke="#2c6687" stroke-width="155" opacity="0.65"/>
<g opacity="0.9">
<path d="M4700 790L5480 560L6280 850L6340 2720L5840 3020L4960 2880L4520 2360L4510 1120Z" fill="url(#stone)"/>
<path d="M4700 790L5480 560L6280 850L6340 2720L5840 3020L4960 2880L4520 2360L4510 1120Z" fill="url(#masonry)" opacity="0.74"/>
<path d="M4920 1050L5480 890L6040 1090V2460L5700 2670L5120 2580L4820 2250V1250Z" fill="#3f342b" opacity="0.74"/>
<path d="M5220 2480H5790V3030H5220Z" fill="#2d2b29"/>
<path d="M5220 2480H5790V3030H5220Z" fill="url(#masonry)" opacity="0.55"/>
<path d="M4620 1340H4900M4610 1710H4890M4660 2160H4930M6060 1320H6360M6040 1770H6360M6000 2250H6310" stroke="#d7bd8a" stroke-width="54" stroke-linecap="round" opacity="0.56"/>
<path d="M5350 2640C5500 2540 5650 2540 5790 2640V3040H5350Z" fill="#211b17" opacity="0.86"/>
</g>
<g opacity="0.62">
<rect x="1760" y="3620" width="370" height="260" fill="#8c6a42"/>
<path d="M1710 3620L1940 3440L2180 3620Z" fill="#5d432e"/>
<rect x="3580" y="3070" width="290" height="220" fill="#8c6a42"/>
<path d="M3540 3070L3720 2930L3910 3070Z" fill="#5d432e"/>
<rect x="4520" y="2580" width="310" height="230" fill="#8c6a42"/>
<path d="M4480 2580L4680 2420L4880 2580Z" fill="#5d432e"/>
<rect x="5580" y="2940" width="340" height="240" fill="#947248"/>
<path d="M5530 2940L5750 2770L5980 2940Z" fill="#604631"/>
</g>
<g opacity="0.5">
<circle cx="720" cy="660" r="180" fill="#1d2e24"/>
<circle cx="1000" cy="980" r="220" fill="#233a2a"/>
<circle cx="720" cy="1520" r="230" fill="#1f3327"/>
<circle cx="2350" cy="1150" r="250" fill="#273923"/>
<circle cx="2780" cy="1740" r="220" fill="#33472d"/>
<circle cx="4020" cy="3580" r="270" fill="#263b2b"/>
<circle cx="5360" cy="3520" r="260" fill="#263b2b"/>
<circle cx="6060" cy="3460" r="230" fill="#203223"/>
</g>
<g opacity="0.42">
<path d="M0 0H1080V170H0Z" fill="#26231f"/>
<path d="M2220 0H3240V170H2220Z" fill="#26231f"/>
<path d="M3540 0H5000V145H3540Z" fill="#26231f"/>
<path d="M6140 0H6400V1380H6140Z" fill="#24211e"/>
<path d="M0 0H190V3300H0Z" fill="#24211e"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB