Weather API
Live weather information is fetched through REST API requests and used as the data source for the scene.
Weather API / 3D Simulation
Oceanis Weather & Ocean Simulation.
A browser-based visualization that connects live weather data with dynamic ocean rendering, generating realistic waves and environmental conditions from real-time API information.
Overview
Live weather data transformed into an interactive ocean scene.
This project retrieves real-time meteorological data from external APIs and translates it into visual simulation parameters. Wind speed, direction and environmental conditions influence the generated ocean surface, creating a browser experience that reacts to live weather information.
Features
Built around live data, motion and atmosphere.
Dynamic Ocean
Wave movement responds to weather-based parameters such as wind speed and environmental intensity.
Location Based
The experience can visualize changing atmospheric conditions for a selected location.
Real-time Rendering
Three.js renders the ocean scene directly in the browser with interactive camera movement and smooth updates.
Data Pipeline
From API response to visual ocean behavior.
Weather Request
The application requests current weather data from an external API.
Data Processing
Weather values are parsed and converted into usable simulation parameters.
Ocean Parameters
Wind and condition data influence wave strength, motion and atmosphere.
Three.js Scene
The final result is rendered as an interactive ocean visualization in the browser.
Technology
Powered by modern web and 3D technologies.
Weather API
REST API
Three.js
JavaScript
WebGL
Vite