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

Add Red Cliffs fire attack chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 07:15:43 +09:00
parent 7f80600d0c
commit 302f0e0a76
11 changed files with 1059 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/assets/images/battle/twenty-second-battle-map.svg Normal file
View File

@@ -0,0 +1,80 @@
<svg xmlns="http://www.w3.org/2000/svg" width="4400" height="3000" viewBox="0 0 4400 3000">
<defs>
<filter id="grain">
<feTurbulence type="fractalNoise" baseFrequency="0.011" numOctaves="5" seed="22"/>
<feColorMatrix type="saturate" values="0.55"/>
<feBlend mode="multiply" in2="SourceGraphic"/>
</filter>
<linearGradient id="river" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#08182c"/>
<stop offset="0.45" stop-color="#1f6688"/>
<stop offset="1" stop-color="#081525"/>
</linearGradient>
<linearGradient id="plain" x1="0" x2="1" y1="0" y2="1">
<stop offset="0" stop-color="#9f9862"/>
<stop offset="0.55" stop-color="#6e7750"/>
<stop offset="1" stop-color="#4e654d"/>
</linearGradient>
<linearGradient id="deck" x1="0" x2="1">
<stop offset="0" stop-color="#d3b36c"/>
<stop offset="0.45" stop-color="#8b6236"/>
<stop offset="1" stop-color="#46311f"/>
</linearGradient>
<radialGradient id="fire" cx="45%" cy="50%" r="55%">
<stop offset="0" stop-color="#fff3a7"/>
<stop offset="0.35" stop-color="#ff9b2c"/>
<stop offset="0.72" stop-color="#ba2e18"/>
<stop offset="1" stop-color="#371010"/>
</radialGradient>
<pattern id="waves" width="160" height="96" patternUnits="userSpaceOnUse">
<path d="M0 48 C38 18 82 78 122 48 C140 36 150 34 160 38" fill="none" stroke="#b6e7ef" stroke-opacity="0.22" stroke-width="9"/>
<path d="M0 84 C42 56 82 112 126 82 C142 70 154 68 160 72" fill="none" stroke="#0d304b" stroke-opacity="0.34" stroke-width="10"/>
</pattern>
<pattern id="grass" width="120" height="120" patternUnits="userSpaceOnUse">
<rect width="120" height="120" fill="url(#plain)"/>
<path d="M18 80 L40 62 M58 93 L83 71 M12 31 L35 20 M92 42 L114 24" stroke="#253d29" stroke-opacity="0.34" stroke-width="8"/>
<circle cx="24" cy="98" r="8" fill="#b0a75e" opacity="0.42"/>
<circle cx="78" cy="28" r="7" fill="#334726" opacity="0.38"/>
</pattern>
</defs>
<rect width="4400" height="3000" fill="#121515"/>
<rect x="0" y="0" width="4400" height="3000" fill="url(#grass)" filter="url(#grain)"/>
<path d="M1780 -80 C2050 520 1990 1080 1850 1520 C1730 1900 1775 2380 1540 3100 L3180 3100 C3020 2380 3230 1980 3140 1540 C3035 1030 3140 520 2940 -80 Z" fill="url(#river)"/>
<path d="M1780 -80 C2050 520 1990 1080 1850 1520 C1730 1900 1775 2380 1540 3100 L3180 3100 C3020 2380 3230 1980 3140 1540 C3035 1030 3140 520 2940 -80 Z" fill="url(#waves)" opacity="0.82"/>
<path d="M0 2180 C520 2100 880 2140 1260 1980 C1550 1860 1700 1880 1960 2020" fill="none" stroke="#a88045" stroke-width="190" stroke-linecap="round"/>
<path d="M1220 2050 C1620 1940 1960 1810 2320 1680 C2780 1510 3210 1430 4000 1420" fill="none" stroke="#c29c56" stroke-width="135" stroke-linecap="round"/>
<path d="M3050 1440 L4100 1430" stroke="#6a3f25" stroke-width="210" stroke-linecap="round"/>
<path d="M3050 1440 L4100 1430" stroke="url(#deck)" stroke-width="160" stroke-linecap="round"/>
<path d="M3500 1020 C3820 930 4210 965 4400 1060 L4400 1890 C4130 1960 3820 1900 3500 1760 Z" fill="#4c3a2b" opacity="0.72"/>
<path d="M3440 1120 C3740 1050 4060 1080 4310 1160 L4310 1730 C4000 1810 3720 1740 3440 1640 Z" fill="#283337" opacity="0.64"/>
<g opacity="0.96">
<ellipse cx="2600" cy="2130" rx="260" ry="86" fill="#69421f"/>
<ellipse cx="2920" cy="1970" rx="300" ry="92" fill="#6f4722"/>
<ellipse cx="3160" cy="1690" rx="320" ry="98" fill="#755024"/>
<path d="M2380 2105 L2810 1955 L3210 1650" fill="none" stroke="#d1bd74" stroke-width="26" stroke-dasharray="60 42"/>
<path d="M2510 2045 C2730 1900 3000 1780 3310 1660" fill="none" stroke="#ffcf6a" stroke-width="18" stroke-opacity="0.7"/>
</g>
<g opacity="0.9">
<ellipse cx="3035" cy="1940" rx="210" ry="150" fill="url(#fire)"/>
<ellipse cx="3265" cy="1685" rx="250" ry="180" fill="url(#fire)"/>
<ellipse cx="3620" cy="1430" rx="310" ry="220" fill="url(#fire)"/>
<path d="M2930 1870 C3020 1690 3130 1700 3190 1510 C3240 1690 3440 1720 3370 1960 C3210 1880 3110 2010 2930 1870 Z" fill="#fff0a8" opacity="0.55"/>
</g>
<g opacity="0.88">
<path d="M480 940 C780 650 1200 480 1720 520 C1540 710 1440 880 1390 1120 C1050 1060 750 1120 480 940 Z" fill="#283b26"/>
<path d="M3600 150 C3920 30 4220 80 4400 180 L4400 840 C4160 690 3860 650 3570 760 C3660 540 3640 350 3600 150 Z" fill="#354326"/>
<path d="M3280 2260 C3600 2220 3980 2320 4400 2550 L4400 3000 L3320 3000 C3440 2740 3370 2490 3280 2260 Z" fill="#2f3b25"/>
</g>
<g opacity="0.9">
<rect x="90" y="2175" width="520" height="520" rx="22" fill="#2c3b31" stroke="#d2b46c" stroke-width="18"/>
<rect x="160" y="2248" width="360" height="120" fill="#b07a35"/>
<rect x="185" y="2390" width="300" height="230" fill="#587145"/>
<path d="M185 2390 L335 2290 L485 2390" fill="#d7a541"/>
<path d="M3680 1040 L4240 1040 L4240 1790 L3680 1790 Z" fill="none" stroke="#c79f52" stroke-width="30"/>
<path d="M3770 1160 L4150 1160 M3770 1320 L4150 1320 M3770 1480 L4150 1480 M3770 1640 L4150 1640" stroke="#71512d" stroke-width="36"/>
</g>
<g opacity="0.16">
<path d="M0 0 H4400 M0 100 H4400 M0 200 H4400 M0 300 H4400 M0 400 H4400 M0 500 H4400 M0 600 H4400 M0 700 H4400 M0 800 H4400 M0 900 H4400 M0 1000 H4400 M0 1100 H4400 M0 1200 H4400 M0 1300 H4400 M0 1400 H4400 M0 1500 H4400 M0 1600 H4400 M0 1700 H4400 M0 1800 H4400 M0 1900 H4400 M0 2000 H4400 M0 2100 H4400 M0 2200 H4400 M0 2300 H4400 M0 2400 H4400 M0 2500 H4400 M0 2600 H4400 M0 2700 H4400 M0 2800 H4400 M0 2900 H4400" stroke="#0c0f10" stroke-width="3"/>
<path d="M0 0 V3000 M100 0 V3000 M200 0 V3000 M300 0 V3000 M400 0 V3000 M500 0 V3000 M600 0 V3000 M700 0 V3000 M800 0 V3000 M900 0 V3000 M1000 0 V3000 M1100 0 V3000 M1200 0 V3000 M1300 0 V3000 M1400 0 V3000 M1500 0 V3000 M1600 0 V3000 M1700 0 V3000 M1800 0 V3000 M1900 0 V3000 M2000 0 V3000 M2100 0 V3000 M2200 0 V3000 M2300 0 V3000 M2400 0 V3000 M2500 0 V3000 M2600 0 V3000 M2700 0 V3000 M2800 0 V3000 M2900 0 V3000 M3000 0 V3000 M3100 0 V3000 M3200 0 V3000 M3300 0 V3000 M3400 0 V3000 M3500 0 V3000 M3600 0 V3000 M3700 0 V3000 M3800 0 V3000 M3900 0 V3000 M4000 0 V3000 M4100 0 V3000 M4200 0 V3000 M4300 0 V3000" stroke="#0c0f10" stroke-width="3"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB