Weather Particle 天气粒子
This work is a web-based generative particle system that translates real-time, location-specific weather data into continuously evolving atmospheric visuals. As a further extension, we planned to display it on a celling as a luminous art installation.
The system generates a shared particle flow field whose motion, density, and structure respond directly to local environmental conditions, producing a personalized ambient atmosphere that changes over time.
本项目是一个基于网页的生成式粒子系统，将实时根据访问用户的具体地理位置的相关天气数据转化为持续变化的环境视觉效果，营造出动态的“数字天气”体验。项目进一步的延展计划是争取与学校美术馆合作，将该数字艺术呈现在建筑外侧悬挑结构的天花板之上，以发光艺术装置的形式融入真实城市空间。
系统构建了一个统一整体的粒子场，其移动方向/速率、群体密度与聚散结构/形态会直接响应当地的环境数据，并随时间不断演化，从而生成一种具有场所感与个性化的氛围体验。
01| Idea
Media Art
Weather is a deeply personal experience—people perceive it through light, temperature, movement, and mood. Yet in most digital interfaces, weather is reduced to icons, numbers, or forecasts, leaving little room for experiential or perceptual engagement.
Instead of depicting weather as literal representations such as scenes or symbols, this project explores how real-time weather data can be translated into an ambient, generative experience. Weather is interpreted as a set of dynamic forces acting on a particle field, where motion, density, and spatial behavior become the primary carriers of meaning.
02| Method
Weather api
Three.js
Three.js
Real-time weather data will be mapped into a specific Weather State (we categorized thousands of weather conditions into five) that drives both particle behavior and visual appearance.)
The Field generates flow forces, the Particles update their motion accordingly, and the Rendering layer shapes the final look through stretching, fracture, and frost effect.
Config Sample: