Add Guiyang persuasion chapter
This commit is contained in:
86
src/assets/images/battle/twenty-fourth-battle-map.svg
Normal file
86
src/assets/images/battle/twenty-fourth-battle-map.svg
Normal file
@@ -0,0 +1,86 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="4800" height="3200" viewBox="0 0 4800 3200">
|
||||
<defs>
|
||||
<filter id="grain">
|
||||
<feTurbulence type="fractalNoise" baseFrequency="0.011" numOctaves="5" seed="24"/>
|
||||
<feColorMatrix type="saturate" values="0.62"/>
|
||||
<feBlend mode="multiply" in2="SourceGraphic"/>
|
||||
</filter>
|
||||
<linearGradient id="plain" x1="0" x2="1" y1="0" y2="1">
|
||||
<stop offset="0" stop-color="#a99d5d"/>
|
||||
<stop offset="0.5" stop-color="#77895e"/>
|
||||
<stop offset="1" stop-color="#516a4b"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="road" x1="0" x2="1">
|
||||
<stop offset="0" stop-color="#84613b"/>
|
||||
<stop offset="0.5" stop-color="#c7a967"/>
|
||||
<stop offset="1" stop-color="#755333"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="river" x1="0" x2="1" y1="0" y2="1">
|
||||
<stop offset="0" stop-color="#17324b"/>
|
||||
<stop offset="0.48" stop-color="#327b91"/>
|
||||
<stop offset="1" stop-color="#10283e"/>
|
||||
</linearGradient>
|
||||
<pattern id="grass" width="128" height="128" patternUnits="userSpaceOnUse">
|
||||
<rect width="128" height="128" fill="url(#plain)"/>
|
||||
<path d="M16 88 L44 66 M68 102 L104 76 M20 34 L48 20 M90 40 L120 22" stroke="#2a472a" stroke-opacity="0.34" stroke-width="8"/>
|
||||
<circle cx="31" cy="107" r="8" fill="#c0b56b" opacity="0.36"/>
|
||||
<circle cx="92" cy="28" r="7" fill="#334f2e" opacity="0.38"/>
|
||||
</pattern>
|
||||
<pattern id="waves" width="172" height="96" patternUnits="userSpaceOnUse">
|
||||
<path d="M0 42 C42 18 83 72 128 44 C146 34 158 32 172 38" fill="none" stroke="#c8f2f2" stroke-opacity="0.22" stroke-width="9"/>
|
||||
<path d="M0 82 C38 58 84 108 130 82 C148 72 160 68 172 72" fill="none" stroke="#0b314b" stroke-opacity="0.34" stroke-width="10"/>
|
||||
</pattern>
|
||||
<radialGradient id="forest" cx="50%" cy="50%" r="62%">
|
||||
<stop offset="0" stop-color="#596c35"/>
|
||||
<stop offset="0.6" stop-color="#263c25"/>
|
||||
<stop offset="1" stop-color="#132417"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="hill" cx="50%" cy="45%" r="60%">
|
||||
<stop offset="0" stop-color="#aca16a"/>
|
||||
<stop offset="0.56" stop-color="#68703d"/>
|
||||
<stop offset="1" stop-color="#313b25"/>
|
||||
</radialGradient>
|
||||
</defs>
|
||||
<rect width="4800" height="3200" fill="#151714"/>
|
||||
<rect width="4800" height="3200" fill="url(#grass)" filter="url(#grain)"/>
|
||||
<path d="M2170 -100 C2360 500 2300 980 2200 1430 C2100 1900 2220 2490 2070 3300 L2335 3300 C2460 2540 2360 1990 2460 1500 C2570 980 2560 470 2380 -100 Z" fill="url(#river)"/>
|
||||
<path d="M3170 -80 C3340 420 3370 890 3270 1280 C3175 1650 3250 1970 3360 2230 L3535 2230 C3430 1780 3560 1390 3490 1040 C3420 620 3500 260 3370 -80 Z" fill="url(#river)"/>
|
||||
<path d="M2740 2470 C2890 2730 2940 2960 2880 3300 L3070 3300 C3160 2900 3050 2630 2920 2470 Z" fill="url(#river)"/>
|
||||
<path d="M2170 -100 C2360 500 2300 980 2200 1430 C2100 1900 2220 2490 2070 3300 L2335 3300 C2460 2540 2360 1990 2460 1500 C2570 980 2560 470 2380 -100 Z" fill="url(#waves)" opacity="0.74"/>
|
||||
<path d="M3170 -80 C3340 420 3370 890 3270 1280 C3175 1650 3250 1970 3360 2230 L3535 2230 C3430 1780 3560 1390 3490 1040 C3420 620 3500 260 3370 -80 Z" fill="url(#waves)" opacity="0.7"/>
|
||||
<path d="M340 2440 C760 2420 1310 2490 1800 2340 C2300 2190 2670 2020 3220 1880 C3650 1770 4090 1770 4420 1810" fill="none" stroke="url(#road)" stroke-width="152" stroke-linecap="round"/>
|
||||
<path d="M910 2580 C1190 2310 1480 2110 1920 2050 C2340 1990 2690 1830 3010 1680" fill="none" stroke="#704d2d" stroke-opacity="0.34" stroke-width="48" stroke-dasharray="90 78"/>
|
||||
<path d="M4200 1480 L4210 2470" stroke="url(#road)" stroke-width="126" stroke-linecap="round"/>
|
||||
<g opacity="0.92">
|
||||
<path d="M270 820 C620 580 1010 520 1460 610 C1520 920 1370 1260 1030 1440 C680 1390 420 1180 270 820 Z" fill="url(#forest)"/>
|
||||
<path d="M380 70 C760 20 1070 100 1280 320 C1080 610 720 760 270 700 C110 440 150 230 380 70 Z" fill="url(#forest)"/>
|
||||
<path d="M3290 130 C3720 10 4230 95 4620 310 C4440 640 4080 810 3650 760 C3380 640 3280 410 3290 130 Z" fill="url(#forest)"/>
|
||||
<path d="M1580 2540 C1900 2440 2180 2570 2350 2860 C2140 3130 1800 3200 1500 3060 C1410 2840 1450 2660 1580 2540 Z" fill="url(#forest)"/>
|
||||
</g>
|
||||
<g opacity="0.9">
|
||||
<ellipse cx="1540" cy="470" rx="560" ry="260" fill="url(#hill)"/>
|
||||
<ellipse cx="3700" cy="2820" rx="650" ry="320" fill="url(#hill)"/>
|
||||
<ellipse cx="4240" cy="610" rx="450" ry="245" fill="url(#hill)"/>
|
||||
<path d="M80 0 C180 500 160 990 0 1550 L0 0 Z" fill="#303329"/>
|
||||
<path d="M4700 0 C4600 420 4640 800 4800 1220 L4800 0 Z" fill="#303329"/>
|
||||
<path d="M4660 2440 C4700 2790 4740 3020 4800 3200 L4800 2440 Z" fill="#303329"/>
|
||||
</g>
|
||||
<g opacity="0.94">
|
||||
<rect x="100" y="2400" width="630" height="520" rx="20" fill="#304436" stroke="#d8bc72" stroke-width="20"/>
|
||||
<path d="M190 2610 L390 2470 L590 2610 Z" fill="#daa23f"/>
|
||||
<rect x="230" y="2610" width="320" height="195" fill="#708548"/>
|
||||
<rect x="1410" y="2210" width="360" height="280" fill="#6a5a3b" stroke="#e3c778" stroke-width="16"/>
|
||||
<path d="M1410 2210 L1590 2080 L1770 2210" fill="#d39b36"/>
|
||||
<rect x="2700" y="1660" width="370" height="270" fill="#5d7043" stroke="#dfc171" stroke-width="16"/>
|
||||
<path d="M2700 1660 L2885 1530 L3070 1660" fill="#c98b34"/>
|
||||
<rect x="3530" y="1250" width="330" height="250" fill="#596a41" stroke="#dabe72" stroke-width="16"/>
|
||||
<path d="M3530 1250 L3695 1130 L3860 1250" fill="#d29a37"/>
|
||||
<path d="M4000 1450 L4680 1450 L4680 2290 L4000 2290 Z" fill="#283337" stroke="#c9a052" stroke-width="34"/>
|
||||
<path d="M4110 1590 L4560 1590 M4110 1760 L4560 1760 M4110 1930 L4560 1930 M4110 2100 L4560 2100" stroke="#775630" stroke-width="40"/>
|
||||
<path d="M4040 1400 L4340 1280 L4680 1410" fill="#8d6f41"/>
|
||||
</g>
|
||||
<g opacity="0.14">
|
||||
<path d="M0 0 H4800 M0 100 H4800 M0 200 H4800 M0 300 H4800 M0 400 H4800 M0 500 H4800 M0 600 H4800 M0 700 H4800 M0 800 H4800 M0 900 H4800 M0 1000 H4800 M0 1100 H4800 M0 1200 H4800 M0 1300 H4800 M0 1400 H4800 M0 1500 H4800 M0 1600 H4800 M0 1700 H4800 M0 1800 H4800 M0 1900 H4800 M0 2000 H4800 M0 2100 H4800 M0 2200 H4800 M0 2300 H4800 M0 2400 H4800 M0 2500 H4800 M0 2600 H4800 M0 2700 H4800 M0 2800 H4800 M0 2900 H4800 M0 3000 H4800 M0 3100 H4800" stroke="#0c0f10" stroke-width="3"/>
|
||||
<path d="M0 0 V3200 M100 0 V3200 M200 0 V3200 M300 0 V3200 M400 0 V3200 M500 0 V3200 M600 0 V3200 M700 0 V3200 M800 0 V3200 M900 0 V3200 M1000 0 V3200 M1100 0 V3200 M1200 0 V3200 M1300 0 V3200 M1400 0 V3200 M1500 0 V3200 M1600 0 V3200 M1700 0 V3200 M1800 0 V3200 M1900 0 V3200 M2000 0 V3200 M2100 0 V3200 M2200 0 V3200 M2300 0 V3200 M2400 0 V3200 M2500 0 V3200 M2600 0 V3200 M2700 0 V3200 M2800 0 V3200 M2900 0 V3200 M3000 0 V3200 M3100 0 V3200 M3200 0 V3200 M3300 0 V3200 M3400 0 V3200 M3500 0 V3200 M3600 0 V3200 M3700 0 V3200 M3800 0 V3200 M3900 0 V3200 M4000 0 V3200 M4100 0 V3200 M4200 0 V3200 M4300 0 V3200 M4400 0 V3200 M4500 0 V3200 M4600 0 V3200 M4700 0 V3200" stroke="#0c0f10" stroke-width="3"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.9 KiB |
Reference in New Issue
Block a user