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

Add Sishui vanguard campaign battle

Browse Source
This commit is contained in:
Wickedness
2026-06-22 23:57:49 +09:00
parent 421b95011e
commit fe93b70a56
9 changed files with 594 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/assets/images/battle/fifth-battle-map.svg Normal file
View File

@@ -0,0 +1,87 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2400 2000" width="2400" height="2000">
<defs>
<filter id="grain">
<feTurbulence type="fractalNoise" baseFrequency="0.017" numOctaves="4" seed="85" />
<feColorMatrix type="saturate" values="0.55" />
<feBlend mode="multiply" in2="SourceGraphic" />
</filter>
<pattern id="grass" width="72" height="72" patternUnits="userSpaceOnUse">
<rect width="72" height="72" fill="#61784c" />
<path d="M10 20h20M41 48h18M20 62l14-10M52 17l12 9" stroke="#a3b46b" stroke-width="3" opacity="0.26" />
<path d="M8 52l11-18M35 24l10-14M58 66l7-20" stroke="#334e30" stroke-width="2" opacity="0.34" />
</pattern>
<pattern id="earth" width="82" height="82" patternUnits="userSpaceOnUse">
<rect width="82" height="82" fill="#94704a" />
<path d="M4 18c28-14 50 9 76-5M0 55c30-16 56 12 80-4" stroke="#c69a5f" stroke-width="6" opacity="0.25" />
<path d="M18 70l13-18M48 34l18-13M64 68l10-7" stroke="#57452f" stroke-width="3" opacity="0.32" />
</pattern>
<pattern id="forest" width="104" height="92" patternUnits="userSpaceOnUse">
<rect width="104" height="92" fill="#30472d" />
<circle cx="20" cy="32" r="25" fill="#223923" />
<circle cx="50" cy="24" r="29" fill="#526f3e" />
<circle cx="78" cy="40" r="26" fill="#2b4329" />
<circle cx="44" cy="68" r="23" fill="#668548" />
<path d="M12 50c24 15 58 14 84-5M32 22c18 16 44 14 60-5" stroke="#142516" stroke-width="5" opacity="0.36" />
</pattern>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#467f9a" />
<stop offset="0.54" stop-color="#23536f" />
<stop offset="1" stop-color="#193b52" />
</linearGradient>
<linearGradient id="wall" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#80705a" />
<stop offset="1" stop-color="#44372a" />
</linearGradient>
<linearGradient id="roof" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#c88b38" />
<stop offset="1" stop-color="#7a4f1f" />
</linearGradient>
</defs>
<rect width="2400" height="2000" fill="url(#grass)" />
<g filter="url(#grain)">
<path d="M-120 1710C230 1438 416 1288 640 1072C826 892 990 760 1164 646C1374 508 1568 380 1870 300C2060 250 2246 150 2520-30" fill="none" stroke="#a98555" stroke-width="250" stroke-linecap="round" opacity="0.98" />
<path d="M-120 1710C230 1438 416 1288 640 1072C826 892 990 760 1164 646C1374 508 1568 380 1870 300C2060 250 2246 150 2520-30" fill="none" stroke="url(#earth)" stroke-width="170" stroke-linecap="round" opacity="0.92" />
<path d="M-70 1040C212 945 444 920 666 782C880 650 1036 506 1280 454C1508 405 1668 312 1788 128" fill="none" stroke="#a17a4c" stroke-width="184" stroke-linecap="round" opacity="0.9" />
<path d="M-70 1040C212 945 444 920 666 782C880 650 1036 506 1280 454C1508 405 1668 312 1788 128" fill="none" stroke="url(#earth)" stroke-width="116" stroke-linecap="round" opacity="0.86" />
<path d="M1286 430c-62 224 24 368 168 514c146 146 192 292 136 486c-44 152-18 302 112 458" fill="none" stroke="#173b52" stroke-width="252" stroke-linecap="round" opacity="0.96" />
<path d="M1286 430c-62 224 24 368 168 514c146 146 192 292 136 486c-44 152-18 302 112 458" fill="none" stroke="url(#river)" stroke-width="170" stroke-linecap="round" opacity="0.98" />
<path d="M1325 546c62 86 70 176 26 272M1480 1048c88 100 105 220 52 360M1642 1630c48 84 64 166 46 250" fill="none" stroke="#a9dbe4" stroke-width="13" opacity="0.34" />
<path d="M-40 70c228-80 454-52 674 80c42 142-24 266-198 372c-192-16-356-80-492-194Z" fill="url(#forest)" opacity="0.9" />
<path d="M562 238c238-104 466-78 684 84c16 142-72 248-264 316c-232-18-372-132-420-400Z" fill="url(#forest)" opacity="0.82" />
<path d="M40 618c300-118 568-70 806 146c-80 222-324 342-730 360C-10 980-34 812 40 618Z" fill="url(#forest)" opacity="0.86" />
<path d="M1762 470c252-92 454-60 650 94v392c-240 78-468 20-684-172c-36-122-24-226 34-314Z" fill="url(#forest)" opacity="0.84" />
<path d="M640 1538c320-126 602-82 846 118c-54 220-284 336-690 344c-158-106-210-250-156-462Z" fill="url(#forest)" opacity="0.84" />
<g transform="translate(1338 58)">
<rect x="-34" y="-12" width="560" height="324" rx="18" fill="#2f281e" opacity="0.6" />
<rect x="0" y="0" width="492" height="278" rx="16" fill="url(#wall)" />
<rect x="40" y="50" width="412" height="184" fill="#756044" stroke="#251d15" stroke-width="12" />
<path d="M40 50h412M40 234h412M40 50v184M452 50v184" stroke="#35291e" stroke-width="10" />
<rect x="76" y="100" width="82" height="96" fill="#98724a" />
<rect x="204" y="72" width="100" height="124" fill="#9d7650" />
<rect x="346" y="98" width="68" height="98" fill="#8c6946" />
<path d="M58 100l60-48l62 48M190 72l64-52l76 52M330 98l50-42l58 42" fill="url(#roof)" stroke="#302316" stroke-width="9" />
<path d="M229 196v-66h50v66" fill="#1f1712" />
<path d="M18 278h456" stroke="#c0a369" stroke-width="8" opacity="0.42" />
</g>
<g transform="translate(1760 520)">
<rect x="0" y="0" width="220" height="158" rx="12" fill="#5f4b36" />
<rect x="34" y="46" width="66" height="82" fill="#98714d" />
<rect x="124" y="36" width="70" height="92" fill="#96704a" />
<path d="M18 46l50-40l54 40M112 36l48-38l58 38" fill="url(#roof)" stroke="#322317" stroke-width="9" />
</g>
<g transform="translate(80 1418)">
<path d="M0 88c84-70 182-92 294-66c80 74 92 162 36 264c-116 24-222 0-318-74c-34-48-38-90-12-124Z" fill="#4d5d5f" opacity="0.48" />
<rect x="74" y="104" width="178" height="136" rx="10" fill="#604b36" />
<rect x="112" y="148" width="52" height="70" fill="#98724a" />
<rect x="184" y="136" width="44" height="82" fill="#96704a" />
<path d="M92 148l46-36l48 36M174 136l34-28l42 28" fill="url(#roof)" stroke="#2f2218" stroke-width="8" />
</g>
</g>
<rect width="2400" height="2000" fill="#0b0d12" opacity="0.07" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB