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

Add Fan Castle vanguard sortie chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 15:46:28 +09:00
parent 8585fec6b5
commit fe1f897609
11 changed files with 935 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/assets/images/battle/thirty-ninth-battle-map.svg Normal file
View File

@@ -0,0 +1,89 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7800 6000" width="7800" height="6000">
<defs>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#8e8358"/>
<stop offset="0.45" stop-color="#c4ad69"/>
<stop offset="1" stop-color="#6b6846"/>
</linearGradient>
<linearGradient id="water" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#1c3a5f"/>
<stop offset="0.5" stop-color="#6eaab6"/>
<stop offset="1" stop-color="#183452"/>
</linearGradient>
<linearGradient id="ridge" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#776f46"/>
<stop offset="0.5" stop-color="#a99a5d"/>
<stop offset="1" stop-color="#49452d"/>
</linearGradient>
<pattern id="grain" width="120" height="120" patternUnits="userSpaceOnUse">
<path d="M12 28h30M60 18h22M94 34h16M22 74h36M78 86h28M18 110h24M64 106h24" stroke="#3f3924" stroke-width="8" stroke-linecap="round" opacity="0.18"/>
<circle cx="100" cy="92" r="8" fill="#dfcc82" opacity="0.24"/>
<circle cx="34" cy="42" r="6" fill="#69613d" opacity="0.22"/>
</pattern>
<pattern id="forest" width="180" height="160" patternUnits="userSpaceOnUse">
<circle cx="34" cy="54" r="35" fill="#2a421d"/>
<circle cx="76" cy="38" r="32" fill="#526f31"/>
<circle cx="116" cy="72" r="39" fill="#24371c"/>
<circle cx="144" cy="48" r="26" fill="#6d8640"/>
<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="#716757"/>
<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="7800" height="6000" fill="url(#plain)"/>
<rect width="7800" height="6000" fill="url(#grain)" opacity="0.92"/>
<path d="M2020 -120 C1840 640 2130 1390 1960 2250 C1820 3020 2140 3820 1980 5160" fill="none" stroke="#17375d" stroke-width="370" stroke-linecap="round"/>
<path d="M2020 -120 C1840 640 2130 1390 1960 2250 C1820 3020 2140 3820 1980 5160" fill="none" stroke="url(#water)" stroke-width="286" stroke-linecap="round"/>
<path d="M4880 620 C4700 1360 5000 2080 4840 2880 C4700 3620 5020 4010 4880 4440" fill="none" stroke="#17375d" stroke-width="270" stroke-linecap="round"/>
<path d="M4880 620 C4700 1360 5000 2080 4840 2880 C4700 3620 5020 4010 4880 4440" fill="none" stroke="url(#water)" stroke-width="204" stroke-linecap="round"/>
<path d="M5940 4100 C6160 4700 5800 5260 6000 6100" fill="none" stroke="#17375d" stroke-width="250" stroke-linecap="round"/>
<path d="M5940 4100 C6160 4700 5800 5260 6000 6100" fill="none" stroke="url(#water)" stroke-width="184" stroke-linecap="round"/>
<path d="M-100 -20 L1880 0 L1740 2720 L820 2480 L180 1640 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.86"/>
<path d="M2860 80 L6460 100 L6240 1960 L4480 1840 L3680 1280 L2740 1640 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.84"/>
<path d="M6640 -40 L7900 -40 L7860 1480 L6640 1460 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.9"/>
<path d="M3220 5200 L5060 5160 L5140 6060 L3060 6060 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.82"/>
<path d="M360 980 C1080 760 1940 900 2840 1060 L2800 4300 C1840 4280 960 4040 320 4380 Z" fill="url(#forest)" opacity="0.9"/>
<path d="M2920 1860 C3500 1600 4100 1800 4420 2360 L4380 4680 C3680 4740 3080 4300 2840 3740 Z" fill="url(#forest)" opacity="0.86"/>
<path d="M4920 4540 C5740 4240 6660 4320 7800 4120 L7800 5860 C6560 5860 5580 5960 4860 5780 Z" fill="url(#forest)" opacity="0.9"/>
<path d="M560 5600 C1540 5440 2740 5380 4140 4880 C5200 4500 6040 3980 6880 3260 C7200 2980 7480 2540 7820 2060" fill="none" stroke="#6b522e" stroke-width="260" stroke-linecap="round" stroke-linejoin="round" opacity="0.96"/>
<path d="M560 5600 C1540 5440 2740 5380 4140 4880 C5200 4500 6040 3980 6880 3260 C7200 2980 7480 2540 7820 2060" fill="none" stroke="#c8a86b" stroke-width="176" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5840 1780 C6280 1740 6900 1800 7560 1960" fill="none" stroke="#c8a86b" stroke-width="132" stroke-linecap="round" opacity="0.9"/>
<rect x="6000" y="600" width="1760" height="1940" rx="24" fill="url(#stone)" filter="url(#shadow)"/>
<rect x="5320" y="900" width="1340" height="1400" rx="24" fill="url(#stone)" opacity="0.82"/>
<rect x="6660" y="2100" width="1220" height="1840" rx="24" fill="url(#stone)" opacity="0.78"/>
<path d="M6820 3500 L7300 3300 L7680 3500 L7640 4240 L7120 4440 L6720 4020 Z" fill="#7b6748" stroke="#2f2a21" stroke-width="36" opacity="0.92"/>
<path d="M6150 710 h1460 v310 h-1460zM6190 1160 h1380M6190 1600 h1380M6190 2040 h1380" stroke="#2f2a21" stroke-width="34" fill="none" opacity="0.54"/>
<g filter="url(#shadow)">
<rect x="2100" y="5040" width="470" height="350" fill="#9b723b" stroke="#31261c" stroke-width="28"/>
<path d="M2060 5040 L2335 4760 L2610 5040 Z" fill="#c28d38" stroke="#31261c" stroke-width="28"/>
<rect x="4240" y="4340" width="550" height="390" fill="#8d7a43" stroke="#31261c" stroke-width="26"/>
<path d="M4200 4340 L4515 4040 L4830 4340 Z" fill="#b88831" stroke="#31261c" stroke-width="26"/>
<rect x="5620" y="3660" width="470" height="360" fill="#a2763b" stroke="#31261c" stroke-width="24"/>
<path d="M5580 3660 L5855 3420 L6130 3660 Z" fill="#c08c37" stroke="#31261c" stroke-width="24"/>
<rect x="7040" y="4100" width="450" height="350" fill="#8e6c36" stroke="#31261c" stroke-width="24"/>
<path d="M7000 4100 L7265 3840 L7530 4100 Z" fill="#ba8432" stroke="#31261c" stroke-width="24"/>
<rect x="6760" y="1560" width="190" height="540" fill="#5a3e25" stroke="#21170e" stroke-width="20"/>
<path d="M6610 1560 L6855 1250 L7100 1560 Z" fill="#d79c35" stroke="#21170e" stroke-width="20"/>
<circle cx="6855" cy="1210" r="86" fill="#e96f2c" opacity="0.9"/>
</g>
<g opacity="0.28" stroke="#2a2618" stroke-width="18" stroke-linecap="round">
<path d="M720 3200 c480-220 1020-210 1580-50"/>
<path d="M3360 3220 c340-180 720-140 1040 90"/>
<path d="M5300 2820 c360-160 800-100 1180 130"/>
<path d="M6100 5100 c460-120 920-90 1340 80"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB