Developer Builds Interactive Rain-on-Glass Effect Using Three.js and WebGL
A developer working on a personal portfolio experimented with Three.js and WebGL to create an interactive rain-on-glass effect. In the demo, water droplets fall onto a virtual glass surface, slide downward, leave trails, and react to mouse movement. JavaScript manages droplet motion, while shaders give the droplets shape and depth without relying on 3D water models. The creator found that making the droplets look realistic was harder than making them move, and refined irregular shapes, highlights, and surface distortion. The result is an approximation rather than a full fluid simulation, and the experiment is available to try on CodePen.
This is an AI-generated summary. ShortSingh links to the original source for the complete article.
Discussion (0)
Log in to join the discussion and vote.
Log in