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

Replace seventh battle map with hand-painted asset

Browse Source
This commit is contained in:
Wickedness
2026-07-09 14:55:39 +09:00
parent 1f7399ca4d
commit 56e73117f6
7 changed files with 15 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
src/assets/images/battle/seventh-battle-map.svg
View File

@@ -1,115 +0,0 @@
<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.018" numOctaves="4" seed="277" />
<feColorMatrix type="saturate" values="0.58" />
<feBlend mode="multiply" in2="SourceGraphic" />
</filter>
<pattern id="grass" width="84" height="84" patternUnits="userSpaceOnUse">
<rect width="84" height="84" fill="#5f744b" />
<path d="M10 22h25M46 55h24M22 66l17-12M58 16l14 10" stroke="#b2bd75" stroke-width="3" opacity="0.24" />
<path d="M8 58l14-22M38 30l12-16M66 72l8-23" stroke="#324b2e" stroke-width="2" opacity="0.36" />
<circle cx="18" cy="40" r="3" fill="#7b8d55" opacity="0.42" />
<circle cx="61" cy="36" r="4" fill="#3f5d35" opacity="0.32" />
</pattern>
<pattern id="earth" width="96" height="96" patternUnits="userSpaceOnUse">
<rect width="96" height="96" fill="#9d794b" />
<path d="M4 23c33-17 60 10 90-7M0 63c36-18 68 14 94-4" stroke="#cda36a" stroke-width="7" opacity="0.24" />
<path d="M20 80l14-23M58 38l23-14M72 76l13-8" stroke="#57432d" stroke-width="3" opacity="0.34" />
</pattern>
<pattern id="forest" width="120" height="104" patternUnits="userSpaceOnUse">
<rect width="120" height="104" fill="#30482d" />
<circle cx="24" cy="38" r="28" fill="#203722" />
<circle cx="58" cy="30" r="34" fill="#567345" />
<circle cx="91" cy="46" r="30" fill="#2a4428" />
<circle cx="50" cy="76" r="27" fill="#67814d" />
<path d="M12 58c30 17 70 15 100-6M34 24c22 18 52 16 70-6" stroke="#142615" stroke-width="5" opacity="0.36" />
</pattern>
<pattern id="hill" width="126" height="92" patternUnits="userSpaceOnUse">
<rect width="126" height="92" fill="#77704a" />
<path d="M-12 78c45-58 86-78 126-62c35 15 54 42 72 76" fill="#57553c" opacity="0.72" />
<path d="M18 72c34-38 68-48 102-32" fill="none" stroke="#a89b65" stroke-width="10" opacity="0.28" />
<path d="M38 34l28 19M78 22l20 20" stroke="#3a3a2a" stroke-width="4" opacity="0.32" />
</pattern>
<linearGradient id="river" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#538eaa" />
<stop offset="0.52" stop-color="#275b77" />
<stop offset="1" stop-color="#18384f" />
</linearGradient>
<linearGradient id="wall" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#86735d" />
<stop offset="1" stop-color="#46382a" />
</linearGradient>
<linearGradient id="roof" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#d49a3f" />
<stop offset="1" stop-color="#7b5120" />
</linearGradient>
</defs>
<rect width="2400" height="2000" fill="url(#grass)" />
<g filter="url(#grain)">
<path d="M-80 1700C236 1454 432 1280 610 1060C760 876 940 760 1140 646C1350 526 1564 336 1800 86" fill="none" stroke="#a68051" stroke-width="252" stroke-linecap="round" opacity="0.98" />
<path d="M-80 1700C236 1454 432 1280 610 1060C760 876 940 760 1140 646C1350 526 1564 336 1800 86" fill="none" stroke="url(#earth)" stroke-width="170" stroke-linecap="round" opacity="0.94" />
<path d="M-92 760C230 830 450 812 690 690C930 568 1084 506 1304 524C1520 542 1700 444 1910 250" fill="none" stroke="#9d7749" stroke-width="188" stroke-linecap="round" opacity="0.92" />
<path d="M-92 760C230 830 450 812 690 690C930 568 1084 506 1304 524C1520 542 1700 444 1910 250" fill="none" stroke="url(#earth)" stroke-width="120" stroke-linecap="round" opacity="0.88" />
<path d="M250 1940C340 1678 382 1494 318 1296C252 1090 280 918 418 780C582 616 638 422 574 180" fill="none" stroke="#9d7749" stroke-width="164" stroke-linecap="round" opacity="0.88" />
<path d="M250 1940C340 1678 382 1494 318 1296C252 1090 280 918 418 780C582 616 638 422 574 180" fill="none" stroke="url(#earth)" stroke-width="96" stroke-linecap="round" opacity="0.84" />
<path d="M1288 -30c-72 242-44 420 80 548c154 160 198 334 138 546c-46 160-14 304 116 442c108 116 144 248 92 430" fill="none" stroke="#173c52" stroke-width="264" stroke-linecap="round" opacity="0.96" />
<path d="M1288 -30c-72 242-44 420 80 548c154 160 198 334 138 546c-46 160-14 304 116 442c108 116 144 248 92 430" fill="none" stroke="url(#river)" stroke-width="178" stroke-linecap="round" opacity="0.98" />
<path d="M1328 142c32 122 44 234-10 356M1478 766c92 104 112 226 50 370M1650 1510c58 96 78 188 44 292" fill="none" stroke="#b5e6ee" stroke-width="14" opacity="0.34" />
<path d="M-40 48c270-86 532-52 760 98c44 150-44 290-250 402c-238-10-412-90-520-238Z" fill="url(#forest)" opacity="0.84" />
<path d="M568 258c250-104 490-78 720 86c14 154-88 272-308 348c-242-32-384-170-412-434Z" fill="url(#forest)" opacity="0.82" />
<path d="M38 548c318-118 610-66 860 156c-80 222-344 350-778 364C-4 922-28 748 38 548Z" fill="url(#forest)" opacity="0.84" />
<path d="M1740 454c276-96 486-54 660 112v424c-252 76-492 8-712-196c-34-134-18-248 52-340Z" fill="url(#forest)" opacity="0.82" />
<path d="M640 1534c342-126 646-74 908 142c-70 226-326 340-760 324c-160-116-210-266-148-466Z" fill="url(#forest)" opacity="0.82" />
<path d="M1880 60c180-48 352-20 516 86v260c-176 38-336 2-480-110c-66-78-78-158-36-236Z" fill="url(#hill)" opacity="0.9" />
<path d="M1860 1090c176-48 348-18 516 90v278c-176 40-336 0-484-120c-64-82-76-164-32-248Z" fill="url(#hill)" opacity="0.86" />
<g transform="translate(1560 70)">
<rect x="-36" y="-18" width="520" height="310" rx="18" fill="#2d261d" opacity="0.55" />
<rect x="0" y="0" width="452" height="260" rx="15" fill="url(#wall)" />
<rect x="40" y="50" width="374" height="170" fill="#756044" stroke="#241d15" stroke-width="12" />
<path d="M40 50h374M40 220h374M40 50v170M414 50v170" stroke="#35291e" stroke-width="10" />
<rect x="80" y="102" width="80" height="86" fill="#98714a" />
<rect x="198" y="76" width="90" height="112" fill="#9d7650" />
<rect x="330" y="102" width="58" height="86" fill="#8c6846" />
<path d="M60 102l60-48l62 48M184 76l60-52l70 52M316 102l44-38l54 38" fill="url(#roof)" stroke="#302316" stroke-width="9" />
<path d="M220 188v-60h46v60" fill="#1f1712" />
</g>
<g transform="translate(1712 530)">
<rect x="-16" y="-16" width="308" height="220" rx="16" fill="#2b231a" opacity="0.38" />
<rect x="0" y="0" width="112" height="158" rx="10" fill="#67513a" />
<rect x="136" y="20" width="128" height="158" rx="10" fill="#5f4b36" />
<rect x="34" y="50" width="50" height="76" fill="#98724a" />
<rect x="174" y="72" width="54" height="74" fill="#96704a" />
<path d="M18 50l44-38l50 38M150 72l50-44l66 44" fill="url(#roof)" stroke="#322317" stroke-width="9" />
<path d="M-28 188c110 24 220 22 346-8" stroke="#95a361" stroke-width="24" opacity="0.35" />
</g>
<g transform="translate(66 1426)">
<path d="M0 90c92-74 200-98 326-66c86 80 100 176 42 284c-130 24-248-6-352-84c-36-52-40-96-16-134Z" fill="#4e6263" opacity="0.46" />
<rect x="78" y="104" width="198" height="144" rx="10" fill="#604b36" />
<rect x="120" y="150" width="56" height="74" fill="#98724a" />
<rect x="200" y="142" width="46" height="84" fill="#7a5b3a" />
<path d="M60 104l112-88l124 88" fill="#c7832e" stroke="#2c2118" stroke-width="12" />
<path d="M104 252h190M96 274h168" stroke="#1c1712" stroke-width="10" opacity="0.5" />
<path d="M-10 326h350" stroke="#9f834e" stroke-width="18" opacity="0.46" />
</g>
<g transform="translate(920 1140)" opacity="0.86">
<path d="M-40 86c96-70 192-94 294-74c76 52 96 126 60 222c-96 42-196 36-302-16c-48-42-66-86-52-132Z" fill="#6c744c" />
<path d="M14 124h220M42 168h190" stroke="#3a442c" stroke-width="18" opacity="0.58" />
<path d="M74 54l42 34l-68 34M176 42l54 46l-76 42" fill="#9a713d" stroke="#322317" stroke-width="8" />
</g>
<g opacity="0.2">
<path d="M0 0h2400v2000h-2400Z" fill="none" stroke="#f1d48a" stroke-width="18" />
<path d="M0 100h2400M0 200h2400M0 300h2400M0 400h2400M0 500h2400M0 600h2400M0 700h2400M0 800h2400M0 900h2400M0 1000h2400M0 1100h2400M0 1200h2400M0 1300h2400M0 1400h2400M0 1500h2400M0 1600h2400M0 1700h2400M0 1800h2400M0 1900h2400" stroke="#0c1318" stroke-width="3" />
<path d="M100 0v2000M200 0v2000M300 0v2000M400 0v2000M500 0v2000M600 0v2000M700 0v2000M800 0v2000M900 0v2000M1000 0v2000M1100 0v2000M1200 0v2000M1300 0v2000M1400 0v2000M1500 0v2000M1600 0v2000M1700 0v2000M1800 0v2000M1900 0v2000M2000 0v2000M2100 0v2000M2200 0v2000M2300 0v2000" stroke="#0c1318" stroke-width="3" />
</g>
</g>
<rect width="2400" height="2000" fill="#080a0e" opacity="0.08" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 8.5 KiB

BIN
src/assets/images/battle/seventh-battle-map.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 661 KiB

2
src/game/data/battleMapAssets.ts
View File

@@ -36,7 +36,7 @@ import fourthBattleMapUrl from '../../assets/images/battle/fourth-battle-map.web
import nineteenthBattleMapUrl from '../../assets/images/battle/nineteenth-battle-map.svg';
import ninthBattleMapUrl from '../../assets/images/battle/ninth-battle-map.svg';
import secondBattleMapUrl from '../../assets/images/battle/second-battle-map.webp';
import seventhBattleMapUrl from '../../assets/images/battle/seventh-battle-map.svg';
import seventhBattleMapUrl from '../../assets/images/battle/seventh-battle-map.webp';
import seventeenthBattleMapUrl from '../../assets/images/battle/seventeenth-battle-map.svg';
import sixteenthBattleMapUrl from '../../assets/images/battle/sixteenth-battle-map.svg';
import sixthBattleMapUrl from '../../assets/images/battle/sixth-battle-map.webp';