🌌 Aether Flow

Aether Flow is a high-performance, WebGPU-powered particle simulation that computes complex gravitational and vortex physics for over 262,000 particles in real-time. Featuring a premium glassmophism UI and TSL-powered shaders, it provides a stunning visual playground for exploring dynamical systems.

(Note: Add your own screenshot to the repo to show it off!)

🚀 Live Demo

Coming soon! (Host this via GitHub Pages by enabling it in Settings > Pages)

✨ Key Features

• 🏎️ WebGPU TSL Shaders: Leverages the next-gen Three.js Shading Language (TSL) to compute all physics directly on the GPU at 60 FPS.
• 🔮 Premium Glassmorphism UI: A sleek, frosted-glass control panel with interactive tooltips and real-time physics monitoring.
• 🌀 Dynamic Physics Engine:
  • Newtonian Gravity: Realistic mass-based attraction.
  • Vortex Spin: Adjustable angular momentum for galaxy-like structures.
  • Viscous Trapping: Localized damping logic to capture particles in stable clusters.
  • Periodic Boundaries: Wraparound world logic for infinite-looping swarms.
• 🛠️ One-Click Presets: Instantly switch between Storm, Galaxy, Void, and Pulse configurations.

🕹️ Controls

• Mouse: Orbit around the simulation.
• [G]: Toggle the UI dashboard.
• [H]: Toggle attractor helpers/gizmos.
• [Space]: Pause/Resume the simulation.
• [R]: Reset the swarm and UI defaults.

🛠️ Requirements

This project requires a browser with WebGPU support:

• Chrome 113+
• Edge 113+
• Firefox Nightly (with dom.webgpu.enabled flag)
• Safari Technology Preview

📦 Getting Started

1. Clone the repository:

   git clone https://github.com/Bharath-970/AetherFlow.git

2. Serve the directory using a simple local server (WebGPU often requires a secure or local context):

   # Using Python
   python3 -m http.server 8080
   
   # Using Node.js
   npx serve .

3. Open http://localhost:8080 in your browser.

📜 Credits

Built with Three.js and inspired by the official WebGPU attractor examples.