🛠️ Devlog — Footer & HUD Controls Refactor Version: v0.0.9-patch Date: 2026-08-10 Author: Weired Codes Tags: 🇮🇳 हिंदी विवरण क्या बदला? इस पैच में Footer और HUD Controls को canvas के अंदर से निकालकर screen के bottom पर एक स्थायी fixed bar में रखा गया है। पहले और दोनों के अंदर पर थे — इससे mobile पर canvas के साथ scale होने की वजह से वे बहुत छोटे और अजीब दिखते थे। अब ये दोनों canvas से पूरी तरह अलग, screen bottom पर fixed हैं — scale से प्रभावित नहीं होते। परिवर्तन सूची फ़ाइल परिवर्तन को से बाहर, के बाद body-level पर रखा (volume slider, mute, help, gyro) को के अंदर move किया से पुराने और के HTML blocks हटाए → → हटाया, से footer में right-align किया → जोड़ा ताकि footer से overlap न हो → — full available space use करे → जोड़ा — तीनों clusters बराबर space में spread हों → → क्यों ज़रूरी था?
Mobile पर scale होता है ( से) — उसके अंदर के absolute elements भी scale हो जाते थे, जिससे footer और controls बहुत छोटे दिखते थे। Touch controls और footer overlap कर रहे थे। HUD controls canvas के ऊपर पर थे — footer के बाहर, जो visually inconsistent था। पहले और बाद स्थिति पहले बाद Footer position के अंदर, Body-level, HUD controls Canvas के ऊपर fixed, अलग Footer के अंदर, right-aligned Touch controls overlap Footer से overlap होते थे से clear Touch clusters spacing पर cramped से full width में spread Mobile scale effect Footer भी canvas के साथ shrink होता था Scale से पूरी तरह independent 🇬🇧 English Summary What changed?
The and (volume slider, mute, help, gyro buttons) have been moved out of the game canvas and into a fixed bottom bar at the screen level.
Previously both elements lived inside with , which caused them to shrink along with the canvas on mobile due to scaling.
They were also overlapping with the touch controls.
Now the footer is a scale-independent, fixed bottom bar — always readable and accessible regardless of canvas scale.
Key fixes Footer is now — always on screen bottom.
HUD controls sit inside the footer, right-aligned via .
Touch controls have to clear the footer.
Touch clusters use for even distribution across full width. iPhone safe-area () respected in footer padding. 📁 Files Changed Developed by Weired Codes — मोक्ष, एक आध्यात्मिक खेल।