Add Jiangdong envoy sortie chapter
This commit is contained in:
98
src/assets/images/battle/twentieth-battle-map.svg
Normal file
98
src/assets/images/battle/twentieth-battle-map.svg
Normal file
@@ -0,0 +1,98 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="4000" height="2800" viewBox="0 0 4000 2800">
|
||||
<defs>
|
||||
<filter id="grain">
|
||||
<feTurbulence type="fractalNoise" baseFrequency="0.013" numOctaves="5" seed="20"/>
|
||||
<feColorMatrix type="saturate" values="0.48"/>
|
||||
<feBlend mode="multiply" in2="SourceGraphic"/>
|
||||
</filter>
|
||||
<linearGradient id="plain" x1="0" x2="1" y1="0" y2="1">
|
||||
<stop offset="0" stop-color="#b6a365"/>
|
||||
<stop offset="0.5" stop-color="#837b4d"/>
|
||||
<stop offset="1" stop-color="#526b55"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="river" x1="0" x2="1">
|
||||
<stop offset="0" stop-color="#132b48"/>
|
||||
<stop offset="0.46" stop-color="#2a7894"/>
|
||||
<stop offset="1" stop-color="#102a42"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="road" x1="0" x2="1">
|
||||
<stop offset="0" stop-color="#dac27b"/>
|
||||
<stop offset="0.55" stop-color="#a67e4a"/>
|
||||
<stop offset="1" stop-color="#716039"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="dock" x1="0" x2="1" y1="0" y2="1">
|
||||
<stop offset="0" stop-color="#6d5e43"/>
|
||||
<stop offset="1" stop-color="#3e4650"/>
|
||||
</linearGradient>
|
||||
<radialGradient id="lamp" cx="0.5" cy="0.5" r="0.55">
|
||||
<stop offset="0" stop-color="#f0c56c" stop-opacity="0.66"/>
|
||||
<stop offset="0.45" stop-color="#c9692d" stop-opacity="0.38"/>
|
||||
<stop offset="1" stop-color="#1e1710" stop-opacity="0"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="4000" height="2800" fill="url(#plain)"/>
|
||||
<g filter="url(#grain)" opacity="0.48">
|
||||
<rect width="4000" height="2800" fill="#8a7f55"/>
|
||||
</g>
|
||||
<path d="M2220 -160 C2110 360 2280 760 2180 1160 C2090 1550 2240 2050 2150 2960" fill="none" stroke="url(#river)" stroke-width="250" opacity="0.95"/>
|
||||
<path d="M2860 -120 C2780 260 2910 640 2830 1020 C2760 1340 2870 1500 2780 1600" fill="none" stroke="url(#river)" stroke-width="210" opacity="0.88"/>
|
||||
<path d="M260 2220 C760 2210 1100 2220 1460 2180 C1770 2140 1990 2000 2320 2000 C2720 2000 3030 1760 3600 1680" fill="none" stroke="url(#road)" stroke-width="190" stroke-linecap="round" opacity="0.76"/>
|
||||
<path d="M560 2370 C960 2240 1260 2100 1560 1970 C1880 1830 2180 1900 2480 1840 C2800 1780 3120 1660 3420 1410" fill="none" stroke="#b78c54" stroke-width="112" stroke-linecap="round" opacity="0.58"/>
|
||||
<path d="M3370 1390 C3470 1600 3470 2020 3380 2230" fill="none" stroke="url(#road)" stroke-width="130" stroke-linecap="round" opacity="0.63"/>
|
||||
<g opacity="0.9">
|
||||
<path d="M540 820 C900 710 1280 850 1540 1100 C1310 1350 850 1300 580 1160 C480 1040 470 930 540 820Z" fill="#2f5a3d"/>
|
||||
<path d="M1580 2120 C1850 1980 2170 2090 2260 2340 C2040 2600 1690 2600 1470 2400Z" fill="#315f3c"/>
|
||||
<path d="M70 70 C450 20 820 130 990 380 C710 560 300 530 50 330Z" fill="#315b3f"/>
|
||||
<path d="M2980 80 C3370 20 3740 120 4000 410 L4000 900 C3620 940 3240 770 3020 560Z" fill="#2e5738"/>
|
||||
</g>
|
||||
<g opacity="0.74">
|
||||
<ellipse cx="1320" cy="380" rx="430" ry="200" fill="#5d573c"/>
|
||||
<ellipse cx="2920" cy="2480" rx="560" ry="220" fill="#625b3e"/>
|
||||
<ellipse cx="3490" cy="520" rx="430" ry="190" fill="#63583b"/>
|
||||
</g>
|
||||
<g opacity="0.9">
|
||||
<rect x="40" y="2120" width="360" height="560" rx="26" fill="#566a60"/>
|
||||
<rect x="420" y="2320" width="360" height="330" rx="24" fill="#5d6c58" opacity="0.86"/>
|
||||
<path d="M80 2220 L210 2110 L340 2220Z" fill="#c58b3b"/>
|
||||
<path d="M480 2390 L610 2290 L740 2390Z" fill="#c58b3b"/>
|
||||
<rect x="3400" y="1400" width="520" height="740" rx="24" fill="url(#dock)"/>
|
||||
<path d="M3460 1460 L3880 1460 L3880 2080 L3460 2080Z" fill="none" stroke="#d7b56b" stroke-width="18" opacity="0.52"/>
|
||||
<path d="M3300 1720 H3920" stroke="#8f6d42" stroke-width="80" opacity="0.82"/>
|
||||
<path d="M3440 1810 H3970" stroke="#7b5d3b" stroke-width="46" opacity="0.88"/>
|
||||
</g>
|
||||
<g opacity="0.74">
|
||||
<rect x="1320" y="1830" width="310" height="210" rx="18" fill="#8b6c3c"/>
|
||||
<path d="M1310 1835 L1480 1690 L1650 1835Z" fill="#c58a3a"/>
|
||||
<rect x="2920" y="1510" width="280" height="220" rx="18" fill="#806237"/>
|
||||
<path d="M2910 1515 L3060 1370 L3230 1515Z" fill="#c58a3a"/>
|
||||
</g>
|
||||
<g opacity="0.62">
|
||||
<rect x="2100" y="1930" width="320" height="118" rx="18" fill="#74684d"/>
|
||||
<path d="M2100 1990 H2420" stroke="#e6d093" stroke-width="18" opacity="0.56"/>
|
||||
<rect x="2760" y="1550" width="280" height="110" rx="18" fill="#74684d"/>
|
||||
<path d="M2760 1605 H3040" stroke="#e6d093" stroke-width="16" opacity="0.5"/>
|
||||
</g>
|
||||
<g opacity="0.66">
|
||||
<circle cx="1250" cy="2140" r="120" fill="url(#lamp)"/>
|
||||
<circle cx="2040" cy="1920" r="115" fill="url(#lamp)"/>
|
||||
<circle cx="2880" cy="1660" r="130" fill="url(#lamp)"/>
|
||||
<circle cx="3520" cy="1560" r="120" fill="url(#lamp)"/>
|
||||
</g>
|
||||
<g opacity="0.24" fill="#e9d79a">
|
||||
<circle cx="660" cy="2200" r="17"/>
|
||||
<circle cx="720" cy="2230" r="14"/>
|
||||
<circle cx="820" cy="2190" r="16"/>
|
||||
<circle cx="1440" cy="2070" r="15"/>
|
||||
<circle cx="1540" cy="2030" r="13"/>
|
||||
<circle cx="3380" cy="1730" r="16"/>
|
||||
<circle cx="3480" cy="1690" r="13"/>
|
||||
</g>
|
||||
<g opacity="0.2">
|
||||
<path d="M0 0H4000V2800H0Z" fill="none" stroke="#f2d386" stroke-width="28"/>
|
||||
<path d="M150 150H3850V2650H150Z" fill="none" stroke="#111820" stroke-width="7"/>
|
||||
</g>
|
||||
<g opacity="0.13" stroke="#121a18" stroke-width="8">
|
||||
<path d="M0 500H4000M0 1000H4000M0 1500H4000M0 2000H4000M0 2500H4000"/>
|
||||
<path d="M500 0V2800M1000 0V2800M1500 0V2800M2000 0V2800M2500 0V2800M3000 0V2800M3500 0V2800"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.4 KiB |
Reference in New Issue
Block a user