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

Add Luo Castle main gate chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 11:44:09 +09:00
parent 0872c584b4
commit 004ec3cfff
11 changed files with 986 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -0,0 +1,84 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6200 4400" width="6200" height="4400">
<defs>
<filter id="grain" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.018 0.026" numOctaves="5" seed="31"/>
<feColorMatrix type="saturate" values="0.32"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<linearGradient id="earth" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#7d764d"/>
<stop offset="0.45" stop-color="#9b8452"/>
<stop offset="1" stop-color="#5a6044"/>
</linearGradient>
<linearGradient id="wall" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#9f8364"/>
<stop offset="0.48" stop-color="#635447"/>
<stop offset="1" stop-color="#2f302b"/>
</linearGradient>
<pattern id="masonry" width="180" height="120" patternUnits="userSpaceOnUse">
<rect width="180" height="120" fill="none"/>
<path d="M0 60H180M90 0V60M45 60v60M135 60v60" stroke="#221f1b" stroke-width="10" opacity="0.28"/>
<path d="M0 0H180V120H0Z" fill="none" stroke="#d6b887" stroke-width="8" opacity="0.16"/>
</pattern>
<pattern id="fieldDots" width="72" height="72" patternUnits="userSpaceOnUse">
<circle cx="12" cy="16" r="7" fill="#3f5d35" opacity="0.28"/>
<circle cx="48" cy="52" r="5" fill="#c3a26d" opacity="0.35"/>
<circle cx="58" cy="18" r="4" fill="#2f3f2d" opacity="0.22"/>
</pattern>
</defs>
<rect width="6200" height="4400" fill="url(#earth)"/>
<rect width="6200" height="4400" fill="url(#fieldDots)" opacity="0.72"/>
<g filter="url(#grain)">
<path d="M0 0H1380C1230 560 1160 1180 1180 1850C1205 2560 980 3120 540 3670H0Z" fill="#263a31" opacity="0.72"/>
<path d="M2060 0H3360C3180 580 3070 1050 3110 1480C3160 2050 2900 2700 2440 3200C2220 3440 2100 3900 2080 4400H1220C1540 3900 1780 3300 1830 2730C1900 1940 1640 1220 2060 0Z" fill="#3f5034" opacity="0.52"/>
<path d="M3300 3260C3800 3000 4390 2920 5020 3060C5500 3168 5920 3020 6200 2720V4400H3340Z" fill="#31472f" opacity="0.58"/>
<path d="M0 3920C770 3680 1510 3620 2210 3740C2780 3840 3230 3800 3660 3540L3900 4400H0Z" fill="#5b683e" opacity="0.42"/>
<path d="M30 4000C760 3820 1450 3690 2070 3540C2850 3350 3350 3060 3910 2700C4540 2295 5070 2010 6160 1880" fill="none" stroke="#b59663" stroke-width="250" opacity="0.8"/>
<path d="M420 4060C1120 3860 1830 3710 2460 3490C3200 3230 3760 2830 4320 2440C4800 2100 5380 1860 6150 1760" fill="none" stroke="#6d563c" stroke-width="72" opacity="0.3"/>
<path d="M1530 3540C1780 3360 1920 3180 1980 2920C2060 2570 2330 2380 2780 2310C3230 2240 3540 2060 3790 1720" fill="none" stroke="#b79865" stroke-width="150" opacity="0.48"/>
<path d="M1290 0C1440 620 1390 1220 1270 1840C1160 2400 1210 2910 1450 3370" fill="none" stroke="#2c6687" stroke-width="170" opacity="0.75"/>
<path d="M3350 460C3210 1080 3240 1740 3400 2380C3510 2830 3450 3290 3260 3740" fill="none" stroke="#2c6687" stroke-width="150" opacity="0.68"/>
<path d="M4380 3150C4560 3550 4650 3980 4590 4400" fill="none" stroke="#2c6687" stroke-width="155" opacity="0.65"/>
<g opacity="0.9">
<path d="M4460 900L5240 650L6020 920L6050 2650L5550 2920L4700 2780L4260 2290L4260 1180Z" fill="url(#wall)"/>
<path d="M4460 900L5240 650L6020 920L6050 2650L5550 2920L4700 2780L4260 2290L4260 1180Z" fill="url(#masonry)" opacity="0.75"/>
<path d="M4680 1160L5230 980L5800 1160V2380L5480 2570L4860 2480L4580 2170V1300Z" fill="#3f342b" opacity="0.74"/>
<path d="M5050 2310H5580V2830H5050Z" fill="#2d2b29"/>
<path d="M5050 2310H5580V2830H5050Z" fill="url(#masonry)" opacity="0.55"/>
<path d="M4360 1390H4650M4340 1710H4630M4390 2130H4660M5830 1370H6110M5820 1780H6110M5790 2200H6080" stroke="#d7bd8a" stroke-width="54" stroke-linecap="round" opacity="0.56"/>
<path d="M5160 2470C5310 2380 5450 2380 5580 2470V2850H5160Z" fill="#211b17" opacity="0.85"/>
</g>
<g opacity="0.62">
<rect x="1720" y="3420" width="360" height="260" fill="#8c6a42"/>
<path d="M1680 3420L1900 3260L2120 3420Z" fill="#5d432e"/>
<rect x="3510" y="2860" width="280" height="220" fill="#8c6a42"/>
<path d="M3480 2860L3650 2730L3820 2860Z" fill="#5d432e"/>
<rect x="4440" y="2390" width="300" height="230" fill="#8c6a42"/>
<path d="M4400 2390L4590 2240L4780 2390Z" fill="#5d432e"/>
</g>
<g opacity="0.52">
<circle cx="700" cy="600" r="170" fill="#1d2e24"/>
<circle cx="980" cy="890" r="210" fill="#233a2a"/>
<circle cx="680" cy="1440" r="220" fill="#1f3327"/>
<circle cx="2260" cy="1120" r="240" fill="#273923"/>
<circle cx="2660" cy="1680" r="210" fill="#33472d"/>
<circle cx="3840" cy="3440" r="260" fill="#263b2b"/>
<circle cx="5120" cy="3360" r="250" fill="#263b2b"/>
<circle cx="5820" cy="3340" r="220" fill="#203223"/>
</g>
<g opacity="0.42">
<path d="M0 0H1040V160H0Z" fill="#26231f"/>
<path d="M2140 0H3140V170H2140Z" fill="#26231f"/>
<path d="M3420 0H4820V140H3420Z" fill="#26231f"/>
<path d="M5960 0H6200V1320H5960Z" fill="#24211e"/>
<path d="M0 0H180V3140H0Z" fill="#24211e"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB