Skip to content

cartuhok/3d-weather-codrops

Repository files navigation

Weather 3D Visualization

What you'll build

An immersive 3D weather visualization that transforms real-time meteorological data into interactive atmospheric environments. Features particle systems for rain and snow, dynamic lighting with lens flares, realistic clouds, and forecast portals that let you step into tomorrow's weather conditions.

Weather 3D Screenshot

Read the tutorial

View the demo

Installing:

npm install

Usage:

npm run dev

Deploying:

npm run build

Features

  • Real-time weather data integration
  • 3D particle systems (rain, snow)
  • Dynamic day/night cycles
  • Interactive forecast portals
  • Cinematic lens flare effects
  • Mobile-responsive design

Built with

  • React Three Fiber
  • Three.js
  • @react-three/drei
  • WeatherAPI.com
  • R3F-Ultimate-Lens-Flare

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors