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

Add Jing rear crisis chapter

Browse Source
This commit is contained in:
Wickedness
2026-06-23 17:12:07 +09:00
parent 6a55313492
commit 0736f07d1d
11 changed files with 896 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/assets/images/battle/forty-second-battle-map.svg Normal file
View File

@@ -0,0 +1,108 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8400 6600" width="8400" height="6600">
<defs>
<linearGradient id="plain" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#6f7148"/>
<stop offset="0.5" stop-color="#baa365"/>
<stop offset="1" stop-color="#4d5235"/>
</linearGradient>
<linearGradient id="water" x1="0" y1="0" x2="1" y2="0">
<stop offset="0" stop-color="#122b4a"/>
<stop offset="0.5" stop-color="#6baac0"/>
<stop offset="1" stop-color="#0d2439"/>
</linearGradient>
<linearGradient id="road" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#5a4227"/>
<stop offset="0.52" stop-color="#c5a669"/>
<stop offset="1" stop-color="#6a4b2f"/>
</linearGradient>
<linearGradient id="warehouse" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#a68452"/>
<stop offset="1" stop-color="#5c4630"/>
</linearGradient>
<linearGradient id="ridge" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#686845"/>
<stop offset="0.55" stop-color="#9a8e56"/>
<stop offset="1" stop-color="#3a3c26"/>
</linearGradient>
<pattern id="grain" width="120" height="120" patternUnits="userSpaceOnUse">
<path d="M14 28h28M58 20h24M96 36h16M24 76h36M80 88h26M18 110h24M66 108h24" stroke="#312e1f" stroke-width="8" stroke-linecap="round" opacity="0.18"/>
<circle cx="102" cy="92" r="8" fill="#dbc16f" opacity="0.18"/>
<circle cx="34" cy="42" r="6" fill="#5c5636" opacity="0.2"/>
</pattern>
<pattern id="forest" width="180" height="160" patternUnits="userSpaceOnUse">
<circle cx="34" cy="54" r="35" fill="#233818"/>
<circle cx="76" cy="38" r="32" fill="#516b30"/>
<circle cx="116" cy="72" r="39" fill="#1c3016"/>
<circle cx="144" cy="48" r="26" fill="#6d8440"/>
<path d="M34 88c34 18 76 16 110-4" stroke="#121b10" stroke-width="10" opacity="0.36"/>
</pattern>
<pattern id="stone" width="140" height="120" patternUnits="userSpaceOnUse">
<rect width="140" height="120" fill="#6d6559"/>
<path d="M0 40h140M0 82h140M30 0v40M94 40v42M48 82v38M118 82v38" stroke="#2c2821" stroke-width="8" opacity="0.46"/>
<path d="M12 20h28M76 62h34M20 102h24" stroke="#b6a274" stroke-width="8" opacity="0.34"/>
</pattern>
<filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
<feDropShadow dx="0" dy="14" stdDeviation="18" flood-color="#17130b" flood-opacity="0.42"/>
</filter>
</defs>
<rect width="8400" height="6600" fill="url(#plain)"/>
<rect width="8400" height="6600" fill="url(#grain)" opacity="0.82"/>
<path d="M1920 -120 C1600 840 2180 1800 1880 2780 C1660 3600 2140 4580 1900 5900" fill="none" stroke="#0f2948" stroke-width="520" stroke-linecap="round"/>
<path d="M1920 -120 C1600 840 2180 1800 1880 2780 C1660 3600 2140 4580 1900 5900" fill="none" stroke="url(#water)" stroke-width="392" stroke-linecap="round"/>
<path d="M3760 920 C3500 2120 3960 3180 3700 4180 C3500 5000 3880 5760 3740 6680" fill="none" stroke="#0f2948" stroke-width="410" stroke-linecap="round"/>
<path d="M3760 920 C3500 2120 3960 3180 3700 4180 C3500 5000 3880 5760 3740 6680" fill="none" stroke="url(#water)" stroke-width="300" stroke-linecap="round"/>
<path d="M5600 360 C5360 1260 5740 2360 5540 3560 C5360 4480 5760 5000 5580 5480" fill="none" stroke="#0f2948" stroke-width="360" stroke-linecap="round"/>
<path d="M5600 360 C5360 1260 5740 2360 5540 3560 C5360 4480 5760 5000 5580 5480" fill="none" stroke="url(#water)" stroke-width="260" stroke-linecap="round"/>
<path d="M2240 3620 C3660 3420 5100 3580 7240 3680" fill="none" stroke="#0f2948" stroke-width="330" stroke-linecap="round"/>
<path d="M2240 3620 C3660 3420 5100 3580 7240 3680" fill="none" stroke="url(#water)" stroke-width="238" stroke-linecap="round"/>
<path d="M7200 1900 C6940 2680 7360 3600 7180 4740" fill="none" stroke="#0f2948" stroke-width="290" stroke-linecap="round"/>
<path d="M7200 1900 C6940 2680 7360 3600 7180 4740" fill="none" stroke="url(#water)" stroke-width="198" stroke-linecap="round"/>
<path d="M-160 0 L1760 0 L1640 3100 L720 2820 L120 1820 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.82"/>
<path d="M2920 120 L7040 20 L6740 2300 L4840 2060 L3800 1360 L2780 1760 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.76"/>
<path d="M7240 -80 L8460 -80 L8420 1500 L7240 1420 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.86"/>
<path d="M3300 5900 L5600 5740 L5680 6660 L3120 6660 Z" fill="url(#ridge)" filter="url(#shadow)" opacity="0.78"/>
<path d="M320 1280 C1160 920 2140 1160 3180 1340 L3120 4860 C1900 4860 920 4480 260 4880 Z" fill="url(#forest)" opacity="0.86"/>
<path d="M3080 2160 C3740 1840 4480 2080 4960 2780 L4880 5360 C3980 5380 3220 4860 2940 4180 Z" fill="url(#forest)" opacity="0.82"/>
<path d="M5320 5020 C6200 4700 7180 4840 8400 4540 L8400 6400 C7000 6440 5900 6540 5220 6300 Z" fill="url(#forest)" opacity="0.88"/>
<path d="M720 6160 C1780 5900 3120 5840 4560 5360 C5740 4960 6720 4440 7600 3760 C7940 3480 8120 3060 8480 2540" fill="none" stroke="#523d24" stroke-width="330" stroke-linecap="round" stroke-linejoin="round" opacity="0.94"/>
<path d="M720 6160 C1780 5900 3120 5840 4560 5360 C5740 4960 6720 4440 7600 3760 C7940 3480 8120 3060 8480 2540" fill="none" stroke="url(#road)" stroke-width="198" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2260 3000 C3800 2820 5360 2980 7600 3140" fill="none" stroke="#523d24" stroke-width="250" stroke-linecap="round" opacity="0.9"/>
<path d="M2260 3000 C3800 2820 5360 2980 7600 3140" fill="none" stroke="url(#road)" stroke-width="140" stroke-linecap="round"/>
<rect x="5740" y="4040" width="1220" height="980" rx="30" fill="url(#stone)" filter="url(#shadow)"/>
<rect x="6440" y="2840" width="1360" height="1080" rx="28" fill="url(#stone)" filter="url(#shadow)" opacity="0.88"/>
<rect x="7320" y="1420" width="980" height="1440" rx="26" fill="url(#stone)" filter="url(#shadow)" opacity="0.9"/>
<path d="M5740 5160 h980 v300 h-980zM6040 4040 v1420M6440 2840 v1120M7320 1420 v1500" stroke="#2c2720" stroke-width="34" fill="none" opacity="0.46"/>
<g filter="url(#shadow)">
<rect x="2120" y="5660" width="520" height="400" fill="#91703e" stroke="#2c2219" stroke-width="28"/>
<path d="M2080 5660 L2380 5320 L2680 5660 Z" fill="#c08a35" stroke="#2c2219" stroke-width="28"/>
<rect x="4420" y="5020" width="620" height="440" fill="url(#warehouse)" stroke="#2c2219" stroke-width="26"/>
<path d="M4380 5020 L4730 4680 L5080 5020 Z" fill="#b78232" stroke="#2c2219" stroke-width="26"/>
<rect x="5860" y="4340" width="560" height="420" fill="url(#warehouse)" stroke="#2c2219" stroke-width="24"/>
<path d="M5820 4340 L6140 4040 L6460 4340 Z" fill="#c18c36" stroke="#2c2219" stroke-width="24"/>
<rect x="7220" y="3600" width="510" height="390" fill="#8d6b36" stroke="#2c2219" stroke-width="24"/>
<path d="M7180 3600 L7475 3300 L7770 3600 Z" fill="#ba8432" stroke="#2c2219" stroke-width="24"/>
</g>
<g opacity="0.9" filter="url(#shadow)">
<path d="M2840 5520 h520 l180 170 -180 170 h-520 l-180-170z" fill="#5f6b6d" stroke="#1f2528" stroke-width="26"/>
<path d="M3380 5550 l360-160 80 60 -300 240z" fill="#c6d2d6" stroke="#1f2528" stroke-width="18"/>
<path d="M5100 4740 h460 l160 150 -160 150 h-460 l-160-150z" fill="#526266" stroke="#1f2528" stroke-width="24"/>
<path d="M5570 4770 l310-140 72 54 -260 210z" fill="#c6d2d6" stroke="#1f2528" stroke-width="16"/>
<path d="M6900 3160 h430 l150 140 -150 140 h-430 l-150-140z" fill="#56676a" stroke="#1f2528" stroke-width="24"/>
</g>
<g opacity="0.34" stroke="#182e42" stroke-width="18" stroke-linecap="round">
<path d="M2340 3820 c960 150 2100 100 3700 280"/>
<path d="M2020 1460 c540 220 1040 180 1580 30"/>
<path d="M5580 1320 c340 220 700 220 1100 80"/>
<path d="M6120 5680 c600-160 1220-100 1800 140"/>
<path d="M7060 2480 c280 120 600 120 920 20"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.9 KiB