From 53612b397d0948987940ccba90a838ac8bf3bad6 Mon Sep 17 00:00:00 2001 From: james3126 Date: Sat, 14 Feb 2026 01:40:00 +0000 Subject: [PATCH] Implement UI visibility toggle functionality Added UI elements for visibility control and functionality to hide/show UI components. --- index.html | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/index.html b/index.html index 89f6703..bbc94d8 100644 --- a/index.html +++ b/index.html @@ -69,6 +69,8 @@ .morph-map:hover{background:rgba(74,222,128,0.2);border-color:#4ade80} .morph-map.mapped{background:rgba(74,222,128,0.2);border-color:#4ade80;font-weight:600} .morph-auto{font-size:9px;padding:2px 6px;border-radius:3px;background:rgba(74,222,128,0.15);color:#4ade80;border:1px solid rgba(74,222,128,0.25)} + .hide-ui-elements{top:60px;left:20px} + .hidden{display:none} @@ -83,6 +85,11 @@
Keyboard: Always Active
+
+
UI Element Visibility
+ +
+
Sensitivity
Head1.0
@@ -895,6 +902,16 @@ $('cam-reset').onclick=function(){ else animCam(new THREE.Vector3(0,0.3,0),3.5); }; +// ═══════════════════════════════════════════════════════ +// UI HIDE / SHOW +// ═══════════════════════════════════════════════════════ +$('ui-hide').onclick=function(){ + const elements=document.querySelectorAll('.hp:not(.always-visible)'); + const isHidden = [...elements].every(el => el.classList.contains('hidden')); + elements.forEach(el => {el.classList.toggle('hidden')}); + $('ui-hide').textContent = isHidden ? 'Hide UI' : 'Show UI'; +}; + // ═══════════════════════════════════════════════════════ // GAMEPAD // ═══════════════════════════════════════════════════════