O R B I T | 3D Weather App is a cyberpunk-inspired, interactive WebGL-based weather dashboard with real-time telemetry, atmospheric visualization, and an immersive UI.
Open O R B I T in a browser (recommended: Chrome / Edge).
- Interactive 3D globe with procedural surface deformation
- Real-time weather data (temperature, wind, humidity, pressure, AQI)
- Animated particle systems for rain/snow
- Responsive controls (OrbitControls) and mobile-friendly fallback
- Custom cursor + particle trail and UI scanlines effect
- Optional ambient audio with on/off control
- 🌐 HTML5 —
index.html - 🎨 CSS3 —
styles.css(custom properties, responsive layout) - 🟨 JavaScript (ES6+) —
script.js - 🌍 three.js — WebGL rendering, geometries, materials, particles
- ⚡ GSAP — smooth animations & transitions
- ☁️ Open-Meteo API — weather forecast and current conditions
- 🗺️ BigDataCloud (reverse geocoding) — coordinates → nearest locality
- 🌫 Open-Meteo Air-Quality API — current US AQI values
- Clone or download the repo.
- Open
index.htmlin a modern browser.
Notes:
- Some browsers block audio autoplay; press the AUDIO button if sound doesn't start automatically.
- Weather & telemetry:
https://api.open-meteo.com/ - Reverse geocoding:
https://api.bigdatacloud.net/ - Air Quality (AQI):
https://air-quality-api.open-meteo.com/
Feel free to open issues or PRs to improve visuals, accessibility, performance, or add new data sources.
MIT License — see LICENSE.
Made with ❤️ and WebGL — enjoy exploring the atmosphere.
