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

Add Han River flood chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 16:12:24 +09:00
parent fe1f897609
commit 628e73ba58
11 changed files with 910 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/assets/images/battle/fortieth-battle-map.svg Normal file
View File

@@ -0,0 +1,102 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8000 6200" width="8000" height="6200">
<defs>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#887f58"/>
<stop offset="0.48" stop-color="#c1aa67"/>
<stop offset="1" stop-color="#666547"/>
</linearGradient>
<linearGradient id="water" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#18385c"/>
<stop offset="0.46" stop-color="#78b9c5"/>
<stop offset="1" stop-color="#14314d"/>
</linearGradient>
<linearGradient id="mud" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#6c5c3d"/>
<stop offset="0.5" stop-color="#a68650"/>
<stop offset="1" stop-color="#4b442f"/>
</linearGradient>
<linearGradient id="ridge" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#756d46"/>
<stop offset="0.5" stop-color="#a99a5d"/>
<stop offset="1" stop-color="#47442d"/>
</linearGradient>
<pattern id="grain" width="120" height="120" patternUnits="userSpaceOnUse">
<path d="M14 28h28M58 20h24M96 36h16M24 76h36M80 88h26M18 110h24M66 108h24" stroke="#3d3825" stroke-width="8" stroke-linecap="round" opacity="0.17"/>
<circle cx="100" cy="94" r="8" fill="#dfcc82" opacity="0.22"/>
<circle cx="34" cy="42" r="6" fill="#69613d" opacity="0.2"/>
</pattern>
<pattern id="forest" width="180" height="160" patternUnits="userSpaceOnUse">
<circle cx="34" cy="54" r="35" fill="#29411d"/>
<circle cx="76" cy="38" r="32" fill="#526f31"/>
<circle cx="116" cy="72" r="39" fill="#23361b"/>
<circle cx="144" cy="48" r="26" fill="#6c8540"/>
<path d="M34 88c34 18 76 16 110-4" stroke="#151d12" stroke-width="10" opacity="0.35"/>
</pattern>
<pattern id="stone" width="140" height="120" patternUnits="userSpaceOnUse">
<rect width="140" height="120" fill="#706657"/>
<path d="M0 40h140M0 82h140M30 0v40M94 40v42M48 82v38M118 82v38" stroke="#332e27" stroke-width="8" opacity="0.42"/>
<path d="M12 20h28M76 62h34M20 102h24" stroke="#b4a377" stroke-width="8" opacity="0.34"/>
</pattern>
<filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="12" stdDeviation="16" flood-color="#1a160d" flood-opacity="0.38"/>
</filter>
</defs>
<rect width="8000" height="6200" fill="url(#plain)"/>
<rect width="8000" height="6200" fill="url(#grain)" opacity="0.86"/>
<path d="M2140 -160 C1880 720 2280 1500 2060 2460 C1880 3260 2240 4140 2060 5480" fill="none" stroke="#16375d" stroke-width="430" stroke-linecap="round"/>
<path d="M2140 -160 C1880 720 2280 1500 2060 2460 C1880 3260 2240 4140 2060 5480" fill="none" stroke="url(#water)" stroke-width="340" stroke-linecap="round"/>
<path d="M3600 1320 C3420 2100 3740 2820 3560 3660 C3380 4440 3740 5140 3600 5980" fill="none" stroke="#16375d" stroke-width="360" stroke-linecap="round"/>
<path d="M3600 1320 C3420 2100 3740 2820 3560 3660 C3380 4440 3740 5140 3600 5980" fill="none" stroke="url(#water)" stroke-width="282" stroke-linecap="round"/>
<path d="M5160 420 C4960 1220 5320 2080 5120 3020 C4940 3880 5300 4300 5120 4840" fill="none" stroke="#16375d" stroke-width="340" stroke-linecap="round"/>
<path d="M5160 420 C4960 1220 5320 2080 5120 3020 C4940 3880 5300 4300 5120 4840" fill="none" stroke="url(#water)" stroke-width="260" stroke-linecap="round"/>
<path d="M2240 3040 C3400 2920 4700 3040 6280 3180" fill="none" stroke="#16375d" stroke-width="330" stroke-linecap="round"/>
<path d="M2240 3040 C3400 2920 4700 3040 6280 3180" fill="none" stroke="url(#water)" stroke-width="246" stroke-linecap="round"/>
<path d="M6120 4200 C6360 4800 6000 5380 6200 6320" fill="none" stroke="#16375d" stroke-width="260" stroke-linecap="round"/>
<path d="M6120 4200 C6360 4800 6000 5380 6200 6320" fill="none" stroke="url(#water)" stroke-width="194" stroke-linecap="round"/>
<path d="M-120 0 L1980 0 L1840 2860 L860 2600 L180 1680 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.84"/>
<path d="M2920 100 L6640 100 L6380 2060 L4640 1900 L3740 1340 L2820 1700 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.78"/>
<path d="M6860 -40 L8100 -40 L8060 1560 L6860 1500 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.88"/>
<path d="M3320 5400 L5320 5300 L5400 6260 L3160 6260 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.8"/>
<path d="M360 1080 C1120 820 2020 1000 2920 1140 L2880 4460 C1880 4440 960 4160 300 4520 Z" fill="url(#forest)" opacity="0.88"/>
<path d="M3040 1960 C3640 1680 4260 1900 4620 2480 L4560 4860 C3820 4920 3180 4460 2940 3880 Z" fill="url(#forest)" opacity="0.82"/>
<path d="M5200 4680 C5980 4380 6860 4480 8000 4240 L8000 6040 C6760 6040 5760 6140 5120 5940 Z" fill="url(#forest)" opacity="0.88"/>
<path d="M620 5840 C1660 5620 2920 5520 4320 5000 C5380 4620 6260 4100 7100 3360 C7420 3080 7680 2640 8060 2100" fill="none" stroke="#604a2c" stroke-width="300" stroke-linecap="round" stroke-linejoin="round" opacity="0.94"/>
<path d="M620 5840 C1660 5620 2920 5520 4320 5000 C5380 4620 6260 4100 7100 3360 C7420 3080 7680 2640 8060 2100" fill="none" stroke="#c6a363" stroke-width="190" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2240 2700 C3460 2600 4860 2700 7240 2860" fill="none" stroke="#604a2c" stroke-width="230" stroke-linecap="round" opacity="0.88"/>
<path d="M2240 2700 C3460 2600 4860 2700 7240 2860" fill="none" stroke="#c6a363" stroke-width="132" stroke-linecap="round"/>
<path d="M2320 2920 C3220 2860 4400 2940 6280 3100 L6060 3480 C4520 3300 3260 3240 2340 3380 Z" fill="url(#mud)" opacity="0.58"/>
<path d="M4800 620 C5280 980 5600 1660 5560 2420 L5120 2320 C5060 1680 4880 1120 4580 760 Z" fill="url(#mud)" opacity="0.45"/>
<rect x="6200" y="620" width="1760" height="1900" rx="24" fill="url(#stone)" filter="url(#shadow)"/>
<rect x="5520" y="1040" width="1380" height="1420" rx="24" fill="url(#stone)" opacity="0.82"/>
<rect x="6880" y="2260" width="1260" height="1880" rx="24" fill="url(#stone)" opacity="0.78"/>
<path d="M7040 3640 L7540 3440 L7920 3660 L7860 4380 L7340 4580 L6920 4180 Z" fill="#7b6748" stroke="#2f2a21" stroke-width="36" opacity="0.92"/>
<path d="M6360 750 h1440 v310 h-1440zM6400 1220 h1360M6400 1660 h1360M6400 2100 h1360" stroke="#2f2a21" stroke-width="34" fill="none" opacity="0.5"/>
<g filter="url(#shadow)">
<rect x="2200" y="5240" width="480" height="360" fill="#9b723b" stroke="#31261c" stroke-width="28"/>
<path d="M2160 5240 L2440 4940 L2720 5240 Z" fill="#c28d38" stroke="#31261c" stroke-width="28"/>
<rect x="4440" y="4560" width="560" height="400" fill="#8d7a43" stroke="#31261c" stroke-width="26"/>
<path d="M4400 4560 L4720 4260 L5040 4560 Z" fill="#b88831" stroke="#31261c" stroke-width="26"/>
<rect x="5840" y="3860" width="480" height="370" fill="#a2763b" stroke="#31261c" stroke-width="24"/>
<path d="M5800 3860 L6080 3600 L6360 3860 Z" fill="#c08c37" stroke="#31261c" stroke-width="24"/>
<rect x="7240" y="4280" width="460" height="360" fill="#8e6c36" stroke="#31261c" stroke-width="24"/>
<path d="M7200 4280 L7470 4020 L7740 4280 Z" fill="#ba8432" stroke="#31261c" stroke-width="24"/>
<rect x="6960" y="1580" width="200" height="560" fill="#5a3e25" stroke="#21170e" stroke-width="20"/>
<path d="M6800 1580 L7060 1250 L7320 1580 Z" fill="#d79c35" stroke="#21170e" stroke-width="20"/>
<circle cx="7060" cy="1210" r="88" fill="#e96f2c" opacity="0.9"/>
</g>
<g opacity="0.32" stroke="#1a3146" stroke-width="18" stroke-linecap="round">
<path d="M2360 3260 c880 160 1880 120 3080 260"/>
<path d="M2060 1260 c500 220 940 180 1420 30"/>
<path d="M5260 1280 c300 220 620 220 960 80"/>
<path d="M6160 5320 c520-150 1040-90 1520 120"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB