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

Add Gongan collapse chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 18:01:03 +09:00
parent 8591fd7fa3
commit dd6d85ffe9
11 changed files with 908 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
src/assets/images/battle/forty-third-battle-map.svg Normal file
View File

@@ -0,0 +1,106 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8600 6800" width="8600" height="6800">
<defs>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#5f6943"/>
<stop offset="0.48" stop-color="#b49c61"/>
<stop offset="1" stop-color="#464d32"/>
</linearGradient>
<linearGradient id="water" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#0b233b"/>
<stop offset="0.48" stop-color="#5f9eb8"/>
<stop offset="1" stop-color="#0a1b2e"/>
</linearGradient>
<linearGradient id="road" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#4e3824"/>
<stop offset="0.55" stop-color="#c4a66a"/>
<stop offset="1" stop-color="#6b4c31"/>
</linearGradient>
<linearGradient id="stone" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#807a67"/>
<stop offset="1" stop-color="#4c4a3f"/>
</linearGradient>
<pattern id="grain" width="120" height="120" patternUnits="userSpaceOnUse">
<path d="M16 30h32M58 20h24M96 42h18M24 78h38M82 90h28M18 112h26M68 108h24" stroke="#2c291d" stroke-width="8" stroke-linecap="round" opacity="0.16"/>
<circle cx="102" cy="92" r="8" fill="#d9bc70" opacity="0.16"/>
<circle cx="34" cy="42" r="6" fill="#4e5633" opacity="0.2"/>
</pattern>
<pattern id="forest" width="180" height="160" patternUnits="userSpaceOnUse">
<circle cx="34" cy="54" r="35" fill="#223717"/>
<circle cx="78" cy="38" r="33" fill="#526b30"/>
<circle cx="120" cy="74" r="40" fill="#1b2e15"/>
<circle cx="148" cy="48" r="27" fill="#718546"/>
<path d="M34 90c38 18 82 15 116-6" stroke="#111a0f" stroke-width="10" opacity="0.36"/>
</pattern>
<pattern id="wall" width="150" height="120" patternUnits="userSpaceOnUse">
<rect width="150" height="120" fill="url(#stone)"/>
<path d="M0 40h150M0 82h150M34 0v40M100 40v42M52 82v38M122 82v38" stroke="#27251f" stroke-width="8" opacity="0.5"/>
<path d="M16 18h32M78 62h38M26 102h28" stroke="#c0ad82" stroke-width="8" opacity="0.28"/>
</pattern>
<filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="14" stdDeviation="18" flood-color="#151209" flood-opacity="0.45"/>
</filter>
</defs>
<rect width="8600" height="6800" fill="url(#plain)"/>
<rect width="8600" height="6800" fill="url(#grain)" opacity="0.84"/>
<path d="M1840 -160 C1480 760 2140 1810 1840 2880 C1600 3740 2140 4720 1900 6100" fill="none" stroke="#0a223b" stroke-width="560" stroke-linecap="round"/>
<path d="M1840 -160 C1480 760 2140 1810 1840 2880 C1600 3740 2140 4720 1900 6100" fill="none" stroke="url(#water)" stroke-width="430" stroke-linecap="round"/>
<path d="M3920 720 C3640 1940 4160 3200 3860 4400 C3680 5200 4020 6020 3900 6940" fill="none" stroke="#0a223b" stroke-width="440" stroke-linecap="round"/>
<path d="M3920 720 C3640 1940 4160 3200 3860 4400 C3680 5200 4020 6020 3900 6940" fill="none" stroke="url(#water)" stroke-width="318" stroke-linecap="round"/>
<path d="M5720 240 C5500 1160 5900 2340 5700 3660 C5520 4620 5920 5220 5740 5680" fill="none" stroke="#0a223b" stroke-width="380" stroke-linecap="round"/>
<path d="M5720 240 C5500 1160 5900 2340 5700 3660 C5520 4620 5920 5220 5740 5680" fill="none" stroke="url(#water)" stroke-width="278" stroke-linecap="round"/>
<path d="M2260 3740 C3920 3500 5200 3660 7460 3840" fill="none" stroke="#0a223b" stroke-width="350" stroke-linecap="round"/>
<path d="M2260 3740 C3920 3500 5200 3660 7460 3840" fill="none" stroke="url(#water)" stroke-width="250" stroke-linecap="round"/>
<path d="M7380 1780 C7140 2660 7560 3700 7380 4960" fill="none" stroke="#0a223b" stroke-width="315" stroke-linecap="round"/>
<path d="M7380 1780 C7140 2660 7560 3700 7380 4960" fill="none" stroke="url(#water)" stroke-width="216" stroke-linecap="round"/>
<path d="M-180 0 L1700 0 L1600 3180 L620 2920 L80 1840 Z" fill="#77744a" filter="url(#shadow)" opacity="0.84"/>
<path d="M2840 40 L7180 0 L6900 2380 L4860 2140 L3780 1420 L2740 1780 Z" fill="#76734a" filter="url(#shadow)" opacity="0.76"/>
<path d="M7420 -80 L8660 -80 L8620 1580 L7420 1460 Z" fill="#817a51" filter="url(#shadow)" opacity="0.88"/>
<path d="M3360 6100 L5740 5900 L5820 6860 L3180 6860 Z" fill="#797149" filter="url(#shadow)" opacity="0.78"/>
<path d="M300 1360 C1120 980 2200 1180 3300 1400 L3220 5040 C1980 5040 880 4620 220 5020 Z" fill="url(#forest)" opacity="0.84"/>
<path d="M3040 2260 C3740 1900 4580 2160 5100 2900 L5000 5520 C4020 5540 3200 5000 2920 4300 Z" fill="url(#forest)" opacity="0.82"/>
<path d="M5480 5200 C6340 4860 7300 5020 8600 4680 L8600 6600 C7140 6660 6040 6740 5360 6460 Z" fill="url(#forest)" opacity="0.88"/>
<path d="M760 6360 C1840 6040 3200 6000 4680 5480 C5900 5080 6880 4520 7820 3860 C8160 3580 8340 3160 8700 2600" fill="none" stroke="#4d3622" stroke-width="350" stroke-linecap="round" stroke-linejoin="round" opacity="0.95"/>
<path d="M760 6360 C1840 6040 3200 6000 4680 5480 C5900 5080 6880 4520 7820 3860 C8160 3580 8340 3160 8700 2600" fill="none" stroke="url(#road)" stroke-width="210" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2280 3080 C3920 2900 5500 3060 7840 3240" fill="none" stroke="#4d3622" stroke-width="260" stroke-linecap="round" opacity="0.9"/>
<path d="M2280 3080 C3920 2900 5500 3060 7840 3240" fill="none" stroke="url(#road)" stroke-width="150" stroke-linecap="round"/>
<path d="M5060 4300 C5900 4240 6700 4340 7600 4540" fill="none" stroke="#4d3622" stroke-width="220" stroke-linecap="round" opacity="0.9"/>
<path d="M5060 4300 C5900 4240 6700 4340 7600 4540" fill="none" stroke="url(#road)" stroke-width="128" stroke-linecap="round"/>
<rect x="5860" y="4220" width="1320" height="1120" rx="32" fill="url(#wall)" filter="url(#shadow)"/>
<rect x="6680" y="3000" width="1380" height="1160" rx="30" fill="url(#wall)" filter="url(#shadow)" opacity="0.9"/>
<rect x="7500" y="1580" width="980" height="1540" rx="28" fill="url(#wall)" filter="url(#shadow)" opacity="0.92"/>
<rect x="7060" y="4600" width="720" height="780" rx="24" fill="url(#wall)" filter="url(#shadow)" opacity="0.9"/>
<path d="M5860 5360 h1050 v300 h-1050zM6200 4220 v1440M6680 3000 v1180M7500 1580 v1560M7060 4600 v860" stroke="#27241e" stroke-width="36" fill="none" opacity="0.48"/>
<g filter="url(#shadow)">
<rect x="2200" y="5860" width="540" height="420" fill="#91703e" stroke="#2c2219" stroke-width="28"/>
<path d="M2160 5860 L2470 5500 L2780 5860 Z" fill="#c08a35" stroke="#2c2219" stroke-width="28"/>
<rect x="4500" y="5220" width="650" height="460" fill="#8f6f45" stroke="#2c2219" stroke-width="26"/>
<path d="M4460 5220 L4825 4860 L5190 5220 Z" fill="#b98434" stroke="#2c2219" stroke-width="26"/>
<rect x="6020" y="4540" width="600" height="440" fill="#84653e" stroke="#2c2219" stroke-width="24"/>
<path d="M5980 4540 L6320 4220 L6660 4540 Z" fill="#bf8b36" stroke="#2c2219" stroke-width="24"/>
<rect x="7640" y="3820" width="520" height="410" fill="#88673c" stroke="#2c2219" stroke-width="24"/>
<path d="M7600 3820 L7900 3500 L8200 3820 Z" fill="#b98332" stroke="#2c2219" stroke-width="24"/>
</g>
<g opacity="0.9" filter="url(#shadow)">
<path d="M3000 5740 h560 l190 180 -190 180 h-560 l-190-180z" fill="#5a696c" stroke="#1f2528" stroke-width="26"/>
<path d="M3580 5760 l380-170 84 64 -315 250z" fill="#c5d1d4" stroke="#1f2528" stroke-width="18"/>
<path d="M5200 4980 h480 l170 160 -170 160 h-480 l-170-160z" fill="#536468" stroke="#1f2528" stroke-width="24"/>
<path d="M5680 5010 l330-150 76 58 -275 220z" fill="#c5d1d4" stroke="#1f2528" stroke-width="16"/>
<path d="M7080 3380 h450 l160 150 -160 150 h-450 l-160-150z" fill="#56686b" stroke="#1f2528" stroke-width="24"/>
</g>
<g opacity="0.34" stroke="#172d40" stroke-width="18" stroke-linecap="round">
<path d="M2360 3940 c1020 150 2240 110 3840 300"/>
<path d="M2060 1520 c560 220 1100 180 1660 30"/>
<path d="M5720 1380 c360 220 740 220 1160 80"/>
<path d="M6260 5880 c620-170 1280-110 1880 140"/>
<path d="M7240 2580 c300 120 640 120 980 20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB