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

Add third campaign battle path

Browse Source
This commit is contained in:
Wickedness
2026-06-22 23:22:51 +09:00
parent e06b8dab58
commit 68e1b10cb4
10 changed files with 650 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
src/assets/images/battle/third-battle-map.svg Normal file
View File

@@ -0,0 +1,81 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2400 2000" width="2400" height="2000">
<defs>
<filter id="paintTexture">
<feTurbulence type="fractalNoise" baseFrequency="0.016" numOctaves="4" seed="41" />
<feColorMatrix type="saturate" values="0.48" />
<feBlend mode="multiply" in2="SourceGraphic" />
</filter>
<pattern id="field" width="64" height="64" patternUnits="userSpaceOnUse">
<rect width="64" height="64" fill="#64754c" />
<path d="M8 19h18M34 42h21M42 13l12 8M16 53l15-11" stroke="#a5af68" stroke-width="3" opacity="0.26" />
<path d="M4 41l12-16M28 12l7-10M50 58l8-18" stroke="#344b31" stroke-width="2" opacity="0.28" />
</pattern>
<pattern id="earth" width="72" height="72" patternUnits="userSpaceOnUse">
<rect width="72" height="72" fill="#9a7449" />
<path d="M4 16c22-11 42 8 62-3M0 49c24-13 48 11 68-2" stroke="#c99c5d" stroke-width="5" opacity="0.25" />
<path d="M17 62l9-14M42 29l15-10M58 58l7-5" stroke="#5d4932" stroke-width="3" opacity="0.33" />
</pattern>
<pattern id="leaf" width="96" height="82" patternUnits="userSpaceOnUse">
<rect width="96" height="82" fill="#31472c" />
<circle cx="22" cy="27" r="22" fill="#263b24" />
<circle cx="48" cy="23" r="25" fill="#4b6839" />
<circle cx="72" cy="34" r="22" fill="#2b4128" />
<circle cx="41" cy="57" r="21" fill="#5b7a43" />
<path d="M14 45c20 12 50 11 72-5M29 22c15 13 36 12 51-4" 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="#3b7894" />
<stop offset="0.55" stop-color="#24536e" />
<stop offset="1" stop-color="#183b52" />
</linearGradient>
<linearGradient id="cliff" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#71664d" />
<stop offset="1" stop-color="#2f2b24" />
</linearGradient>
</defs>
<rect width="2400" height="2000" fill="url(#field)" />
<g filter="url(#paintTexture)">
<path d="M-80 1560C230 1410 455 1372 710 1210C928 1072 1044 886 1212 736C1412 556 1690 505 1890 340C2050 208 2175 70 2480-18" fill="none" stroke="#a17a47" stroke-width="210" stroke-linecap="round" stroke-linejoin="round" opacity="0.98" />
<path d="M-80 1560C230 1410 455 1372 710 1210C928 1072 1044 886 1212 736C1412 556 1690 505 1890 340C2050 208 2175 70 2480-18" fill="none" stroke="url(#earth)" stroke-width="148" stroke-linecap="round" stroke-linejoin="round" opacity="0.94" />
<path d="M180 2060C360 1750 555 1502 828 1290C1052 1117 1170 940 1192 720C1212 520 1130 310 1225-90" fill="none" stroke="#9c7448" stroke-width="175" stroke-linecap="round" opacity="0.94" />
<path d="M180 2060C360 1750 555 1502 828 1290C1052 1117 1170 940 1192 720C1212 520 1130 310 1225-90" fill="none" stroke="url(#earth)" stroke-width="124" stroke-linecap="round" opacity="0.9" />
<path d="M1010-90C1020 180 990 410 1068 610C1160 848 1370 1000 1455 1215C1560 1484 1500 1710 1400 2100" fill="none" stroke="#15394f" stroke-width="250" stroke-linecap="round" opacity="0.94" />
<path d="M1010-90C1020 180 990 410 1068 610C1160 848 1370 1000 1455 1215C1560 1484 1500 1710 1400 2100" fill="none" stroke="url(#river)" stroke-width="176" stroke-linecap="round" opacity="0.98" />
<path d="M970 120c80 82 78 184 28 288M1182 760c120 82 184 190 190 325M1450 1405c42 156 10 292-83 420" fill="none" stroke="#91d0dc" stroke-width="14" opacity="0.34" />
<path d="M-40 0h520c100 76 142 175 126 294C410 350 207 328-42 276Z" fill="url(#leaf)" opacity="0.93" />
<path d="M650 110h325c132 80 180 188 140 315C922 480 744 430 602 316Z" fill="url(#leaf)" opacity="0.86" />
<path d="M80 610c275-110 506-72 690 88c-44 190-244 318-594 340C34 928 0 772 80 610Z" fill="url(#leaf)" opacity="0.9" />
<path d="M1515 45c240-82 468-42 708 100c34 164-38 310-200 434c-255 20-420-78-548-258Z" fill="url(#leaf)" opacity="0.88" />
<path d="M1715 1010c240-78 445-54 640 70v410c-250 54-468 6-650-150c-28-128-24-232 10-330Z" fill="url(#leaf)" opacity="0.86" />
<path d="M560 1580c286-126 555-96 760 72c-40 210-236 332-590 350c-142-94-200-236-170-422Z" fill="url(#leaf)" opacity="0.82" />
<path d="M1650 405c190-95 370-70 542 60c-18 154-120 278-302 370c-182-44-270-180-240-430Z" fill="url(#cliff)" opacity="0.7" />
<path d="M0 1645c230-120 400-128 574-62c18 166-56 305-224 417H0Z" fill="url(#cliff)" opacity="0.88" />
<path d="M1900 1490c182-36 360 18 520 150v360h-540c-108-146-102-315 20-510Z" fill="url(#cliff)" opacity="0.84" />
<g transform="translate(1500 540)">
<rect x="0" y="0" width="240" height="160" rx="14" fill="#5f4934" />
<rect x="30" y="46" width="68" height="82" fill="#98704a" />
<rect x="128" y="32" width="74" height="96" fill="#98704a" />
<path d="M14 46l52-42l54 42M116 32l52-40l64 40" fill="#c8923e" stroke="#332317" stroke-width="9" />
<path d="M0 144h240" stroke="#2d2218" stroke-width="10" />
</g>
<g transform="translate(1760 150)">
<rect x="0" y="0" width="310" height="210" rx="16" fill="#514538" />
<rect x="28" y="54" width="250" height="126" fill="#725c42" />
<path d="M18 54l70-56l70 56M148 54l70-56l70 56" fill="#8f6d3e" stroke="#2b2118" stroke-width="10" />
<path d="M64 178v-56h38v56M198 178v-70h46v70" fill="#211915" />
<path d="M-4 188h318" stroke="#1e1814" stroke-width="12" />
</g>
<g transform="translate(820 1180)">
<rect x="0" y="0" width="230" height="170" rx="13" fill="#584432" />
<rect x="32" y="48" width="70" height="88" fill="#8a6848" />
<rect x="130" y="52" width="64" height="84" fill="#8a6848" />
<path d="M16 48l52-42l56 42M120 52l42-34l50 34" fill="#be8431" stroke="#302215" stroke-width="9" />
</g>
</g>
<rect width="2400" height="2000" fill="#0b0d12" opacity="0.08" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.8 KiB