Add Red Cliffs vanguard chapter
This commit is contained in:
94
src/assets/images/battle/twenty-first-battle-map.svg
Normal file
94
src/assets/images/battle/twenty-first-battle-map.svg
Normal file
@@ -0,0 +1,94 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="4200" height="3000" viewBox="0 0 4200 3000">
|
||||
<defs>
|
||||
<filter id="grain">
|
||||
<feTurbulence type="fractalNoise" baseFrequency="0.012" numOctaves="5" seed="21"/>
|
||||
<feColorMatrix type="saturate" values="0.5"/>
|
||||
<feBlend mode="multiply" in2="SourceGraphic"/>
|
||||
</filter>
|
||||
<linearGradient id="plain" x1="0" x2="1" y1="0" y2="1">
|
||||
<stop offset="0" stop-color="#b7a76b"/>
|
||||
<stop offset="0.5" stop-color="#807c52"/>
|
||||
<stop offset="1" stop-color="#526b58"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="river" x1="0" x2="1">
|
||||
<stop offset="0" stop-color="#102742"/>
|
||||
<stop offset="0.48" stop-color="#2a7797"/>
|
||||
<stop offset="1" stop-color="#0e263c"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="road" x1="0" x2="1">
|
||||
<stop offset="0" stop-color="#e0c783"/>
|
||||
<stop offset="0.55" stop-color="#a9814b"/>
|
||||
<stop offset="1" stop-color="#75613c"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="dock" x1="0" x2="1" y1="0" y2="1">
|
||||
<stop offset="0" stop-color="#736349"/>
|
||||
<stop offset="1" stop-color="#384755"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="lamp" cx="0.5" cy="0.5" r="0.55">
|
||||
<stop offset="0" stop-color="#f2c76f" stop-opacity="0.64"/>
|
||||
<stop offset="0.45" stop-color="#c7692f" stop-opacity="0.36"/>
|
||||
<stop offset="1" stop-color="#1c1711" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="4200" height="3000" fill="url(#plain)"/>
|
||||
<g filter="url(#grain)" opacity="0.48">
|
||||
<rect width="4200" height="3000" fill="#887f58"/>
|
||||
</g>
|
||||
<path d="M2050 -180 C1940 420 2140 850 2020 1310 C1900 1770 2100 2310 1980 3180" fill="none" stroke="url(#river)" stroke-width="280" opacity="0.96"/>
|
||||
<path d="M2860 -130 C2790 330 2950 790 2860 1190 C2790 1510 2890 1690 2800 1750" fill="none" stroke="url(#river)" stroke-width="220" opacity="0.9"/>
|
||||
<path d="M2480 2180 C2380 2460 2520 2740 2400 3180" fill="none" stroke="url(#river)" stroke-width="210" opacity="0.86"/>
|
||||
<path d="M270 2420 C780 2420 1150 2440 1510 2390 C1840 2340 2050 2130 2400 2120 C2860 2110 3180 1830 3820 1770" fill="none" stroke="url(#road)" stroke-width="200" stroke-linecap="round" opacity="0.78"/>
|
||||
<path d="M620 2560 C980 2410 1300 2260 1620 2110 C1960 1950 2280 2020 2620 1930 C2990 1840 3320 1700 3620 1420" fill="none" stroke="#b98f57" stroke-width="118" stroke-linecap="round" opacity="0.6"/>
|
||||
<path d="M3500 1590 C3610 1810 3600 2240 3500 2460" fill="none" stroke="url(#road)" stroke-width="136" stroke-linecap="round" opacity="0.64"/>
|
||||
<g opacity="0.9">
|
||||
<path d="M540 900 C920 770 1320 930 1590 1190 C1350 1460 870 1390 590 1260 C490 1140 470 1010 540 900Z" fill="#2f5c3f"/>
|
||||
<path d="M1600 2320 C1870 2150 2190 2270 2290 2520 C2050 2810 1700 2790 1480 2580Z" fill="#31613f"/>
|
||||
<path d="M60 70 C460 20 850 140 1040 400 C740 590 310 560 50 340Z" fill="#315d3f"/>
|
||||
<path d="M3150 80 C3540 20 3920 130 4200 430 L4200 930 C3810 970 3420 800 3180 580Z" fill="#2f593a"/>
|
||||
</g>
|
||||
<g opacity="0.74">
|
||||
<ellipse cx="1420" cy="390" rx="460" ry="210" fill="#60583d"/>
|
||||
<ellipse cx="3060" cy="2660" rx="590" ry="230" fill="#625d40"/>
|
||||
<ellipse cx="3660" cy="540" rx="460" ry="200" fill="#645a3d"/>
|
||||
</g>
|
||||
<g opacity="0.9">
|
||||
<rect x="40" y="2320" width="420" height="560" rx="26" fill="#596b61"/>
|
||||
<rect x="500" y="2530" width="390" height="330" rx="24" fill="#647058" opacity="0.86"/>
|
||||
<path d="M90 2420 L230 2300 L370 2420Z" fill="#c68b3b"/>
|
||||
<path d="M560 2600 L700 2490 L840 2600Z" fill="#c68b3b"/>
|
||||
<rect x="3500" y="1580" width="600" height="770" rx="24" fill="url(#dock)"/>
|
||||
<path d="M3560 1640 L4040 1640 L4040 2290 L3560 2290Z" fill="none" stroke="#d7b56b" stroke-width="18" opacity="0.52"/>
|
||||
<path d="M3280 1810 H4080" stroke="#8f6d42" stroke-width="88" opacity="0.84"/>
|
||||
<path d="M3400 1930 H4140" stroke="#76593a" stroke-width="50" opacity="0.88"/>
|
||||
</g>
|
||||
<g opacity="0.67">
|
||||
<rect x="1950" y="2050" width="360" height="120" rx="18" fill="#74684d"/>
|
||||
<path d="M1950 2110 H2310" stroke="#e6d093" stroke-width="18" opacity="0.56"/>
|
||||
<rect x="2730" y="1720" width="320" height="110" rx="18" fill="#74684d"/>
|
||||
<path d="M2730 1775 H3050" stroke="#e6d093" stroke-width="16" opacity="0.5"/>
|
||||
<rect x="2390" y="2240" width="260" height="105" rx="18" fill="#74684d"/>
|
||||
</g>
|
||||
<g opacity="0.65">
|
||||
<circle cx="1280" cy="2340" r="120" fill="url(#lamp)"/>
|
||||
<circle cx="2100" cy="2090" r="120" fill="url(#lamp)"/>
|
||||
<circle cx="2910" cy="1740" r="135" fill="url(#lamp)"/>
|
||||
<circle cx="3620" cy="1660" r="125" fill="url(#lamp)"/>
|
||||
</g>
|
||||
<g opacity="0.2" fill="#e9d79a">
|
||||
<circle cx="650" cy="2400" r="17"/>
|
||||
<circle cx="760" cy="2440" r="14"/>
|
||||
<circle cx="860" cy="2390" r="16"/>
|
||||
<circle cx="1480" cy="2260" r="15"/>
|
||||
<circle cx="1600" cy="2210" r="13"/>
|
||||
<circle cx="3360" cy="1820" r="16"/>
|
||||
<circle cx="3500" cy="1780" r="13"/>
|
||||
</g>
|
||||
<g opacity="0.2">
|
||||
<path d="M0 0H4200V3000H0Z" fill="none" stroke="#f2d386" stroke-width="28"/>
|
||||
<path d="M150 150H4050V2850H150Z" fill="none" stroke="#111820" stroke-width="7"/>
|
||||
</g>
|
||||
<g opacity="0.13" stroke="#121a18" stroke-width="8">
|
||||
<path d="M0 500H4200M0 1000H4200M0 1500H4200M0 2000H4200M0 2500H4200"/>
|
||||
<path d="M500 0V3000M1000 0V3000M1500 0V3000M2000 0V3000M2500 0V3000M3000 0V3000M3500 0V3000M4000 0V3000"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
Reference in New Issue
Block a user