diff --git a/index.html b/index.html index edf1978..0a50d4e 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
@@ -896,6 +903,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 // ═══════════════════════════════════════════════════════