Skip to main content

Well I don't want to rain on anyone's parade but thought it wouldn't matter if a few raindrops fell against the window.

Rain dropping against a window

I was looking into possibly making these pages appear a little more glass-like, and thought this an interesting idea. I'm still toying with it…

Note: The rain is not a video, it's computer generated. Demonstrating WebGL raindrops applied to the page.

What appears here is minor modification of an excellent piece by Lucas Bebber.

The canvas is dynamically applied to the page as a background layer. The WebGL water effects run inside.

There's a small issue when resizing the window of which I'm aware, but not fixing for now. Sorry bout that.

Want more? Take a look at Chrome WebGL experiments.

Socialise: