RecentRunner/HaBit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix paid room preview mismatch and ground pulsation.

Browse Source 
Richer forest/night SVGs and stable scene-image rendering without parallax overshoot so shop thumbnails match the pet LCD.
This commit is contained in:
Harkamal Randhawa
2026-05-24 05:14:14 -06:00
parent f0d36d53fa
commit 0b309fbc24
3 changed files with 74 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
public/shop/room-forest.svg
View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 96" width="128" height="96">
<defs>
<linearGradient id="forest-sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#064e3b"/>
@@ -6,9 +6,40 @@
<stop offset="100%" stop-color="#052e16"/>
</linearGradient>
</defs>
<rect width="48" height="48" fill="url(#forest-sky)"/>
<rect x="0" y="34" width="48" height="14" fill="#166534"/>
<rect x="6" y="18" width="8" height="20" fill="#14532d"/>
<rect x="20" y="14" width="10" height="24" fill="#15803d"/>
<rect x="34" y="20" width="8" height="18" fill="#14532d"/>
<rect width="128" height="96" fill="url(#forest-sky)"/>
<!-- mist -->
<rect x="0" y="48" width="128" height="8" fill="#86efac" opacity="0.12"/>
<rect x="0" y="56" width="128" height="6" fill="#bbf7d0" opacity="0.08"/>
<!-- distant trees -->
<rect x="4" y="58" width="3" height="14" fill="#14532d"/>
<rect x="1" y="52" width="9" height="4" fill="#166534"/>
<rect x="2" y="48" width="7" height="4" fill="#15803d"/>
<rect x="22" y="54" width="3" height="18" fill="#14532d"/>
<rect x="18" y="48" width="11" height="4" fill="#166534"/>
<rect x="20" y="44" width="7" height="4" fill="#15803d"/>
<rect x="108" y="56" width="3" height="16" fill="#14532d"/>
<rect x="104" y="50" width="11" height="4" fill="#166534"/>
<rect x="106" y="46" width="7" height="4" fill="#15803d"/>
<!-- mid trees -->
<rect x="36" y="50" width="4" height="22" fill="#14532d"/>
<rect x="30" y="42" width="16" height="5" fill="#166534"/>
<rect x="32" y="36" width="12" height="5" fill="#15803d"/>
<rect x="34" y="30" width="8" height="5" fill="#22c55e" opacity="0.85"/>
<rect x="68" y="46" width="5" height="26" fill="#14532d"/>
<rect x="62" y="38" width="17" height="5" fill="#166534"/>
<rect x="64" y="32" width="13" height="5" fill="#15803d"/>
<rect x="66" y="26" width="9" height="5" fill="#22c55e" opacity="0.85"/>
<rect x="66" y="20" width="5" height="5" fill="#4ade80" opacity="0.7"/>
<!-- foreground tree -->
<rect x="88" y="52" width="5" height="20" fill="#14532d"/>
<rect x="82" y="44" width="17" height="5" fill="#166534"/>
<rect x="84" y="38" width="13" height="5" fill="#15803d"/>
<rect x="86" y="32" width="9" height="5" fill="#22c55e"/>
<rect x="88" y="26" width="5" height="5" fill="#4ade80"/>
<!-- ground -->
<rect x="0" y="72" width="128" height="24" fill="#166534"/>
<rect x="0" y="72" width="128" height="3" fill="#22c55e" opacity="0.35"/>
<rect x="8" y="78" width="6" height="2" fill="#14532d" opacity="0.5"/>
<rect x="42" y="80" width="8" height="2" fill="#14532d" opacity="0.5"/>
<rect x="96" y="77" width="5" height="2" fill="#14532d" opacity="0.5"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 642 B

After

Width:  |  Height:  |  Size: 2.4 KiB