Skip to content

A Weather App built in Three.js, WebGL and GSAP

License

Notifications You must be signed in to change notification settings

greenbugx/ORBIT

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ORBIT — 3D Weather App 🌐

gsap Webgl

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.


✨ Demo & Preview

Open O R B I T in a browser (recommended: Chrome / Edge).


✅ Features

  • 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

🧰 Tech Stack

  • 🌐 HTML5index.html
  • 🎨 CSS3styles.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

🔧 Local Setup

  1. Clone or download the repo.
  2. Open index.html in a modern browser.

Notes:

  • Some browsers block audio autoplay; press the AUDIO button if sound doesn't start automatically.

📡 Where Data Comes From

  • Weather & telemetry: https://api.open-meteo.com/
  • Reverse geocoding: https://api.bigdatacloud.net/
  • Air Quality (AQI): https://air-quality-api.open-meteo.com/

🤝 Contributing

Feel free to open issues or PRs to improve visuals, accessibility, performance, or add new data sources.


📝 License

MIT License — see LICENSE.


Made with ❤️ and WebGL — enjoy exploring the atmosphere.

About

A Weather App built in Three.js, WebGL and GSAP

Resources

License

Stars

Watchers

Forks