Hypnagogic Quasicrystals: An Interactive WebXR Animation Space

Welcome to the Hypnagogic Quasicrystals playground, a project shared via Show HN that leverages the WebXR API to create immersive, animated geometric environments.

---

⚠️ Critical Health Notice: Photosensitivity Warning

ATTENTION: This digital experience utilizes high-contrast imagery, rapidly shifting motion effects, and animated visual patterns. These elements may trigger seizures or cause significant distress for individuals with photosensitive epilepsy or other visual sensitivities.

🚩 Warning Signs

If you encounter any of the following, continue viewing stop immediately:

• $\text{Dizziness} \rightarrow \text{Disorientation}$
• Altered visual perception
• Involuntary muscle or eye twitching
• Loss of consciousness or awareness
• Convulsions or erratic movements

🛠️ Immediate Action Plan

---

🚀 Getting Started

Before entering the simulation, please complete the following pre-flight checklist:

• Read and acknowledge the health warning.
• Ensure your hardware is compatible.
• Confirm that WebXR is enabled in your browser.

Technical Initialization

The system performs a background check to ensure your environment can handle the VR rendering:

async function checkVRSupport() {
  if (navigator.xr) {
    const isSupported = await navigator.xr.isSessionSupported('immersive-vr');
    console.log(isSupported ? "WebXR Support: Active" : "WebXR Support: Unavailable");
  }
}

Current Status: Checking WebXR support...

---

📐 The Concept: Quasicrystals

Unlike standard crystals, quasicrystals possess an ordered structure that is not periodic. This can be represented conceptually as: $\text{Order} \neq \text{Translation Symmetry}$

Example of a non-periodic tiling pattern.

---

🔄 User Experience Flow

Ready to proceed? Click the button below to begin: [ Enter VR ]