Hacker News new | ask | show | jobs
by lbebber 2154 days ago
Hi, I'm the author of the rain effect (not of the website itself though).

You can see the original effect here[1], along with an explanation here[2].

If you like it, you can see a few more effects and experiments on my portfolio here[3], although it's been a couple of years now since I've done anything of the sort (that I can post publicly, that is).

[1] https://tympanus.net/Development/RainEffect/

[2] https://tympanus.net/codrops/2015/11/04/rain-water-effect-ex...

[3] http://lbebber.github.io/

8 comments

Is the submission actually adding anything of substance to your work then? It seems basically the same but with a background image, and parameterisation sliders (that I can't get to work anyway).
The sliders are for sound, not visual parameters.

This site just combines the visual effect with some sound recordings. See the bottom of https://hipstersound.com/premium.html

Well it has sound it seems, which might actually be more important depending on what you're looking for.
It’s taking a really impressive tech toy and making it a product. You’d be surprised how much work the second 80% is.
This website itself seems more like a tech toy than a product though?
That story map is beautiful!

I have a somewhat unrelated question. Do you ever see the world moving to rendering content completely on a WebGL canvas, for better control and with the ability to circumvent ad blockers?

Hmmm I'm not sure if it could be properly used to circumvent ad blocking, after all the ads will still probably come from a separate request which one could block.

However I do see it being used for web apps that prioritise performance--in terms of providing a smooth experience, rather than load times. I think Figma already does that (through emscripten or wasm, I'm not sure); for it to be more widespread, only the tooling has to catch up (e.g. React Native).

I agree, that map is amazing. I particularly like the way you can see exactly where the photos were taken.
Also thanks, I'm particularly proud of that map hahah
I ported this effect to Android in a live wallpaper called Rainpaper[1].

[1] https://rainpaper.com

I had been looking for this for years when I had an Android phone!
I am totally blown away by this - I just had WebGL pegged as 'draw shapes on canvas, sometimes with colour'.

Thank you :-)

You should check https://www.shadertoy.com/, you will be amazed :)
Cool work, very nice!

It seems that not all your projects, that are download-able, are on Github. Why is that?

There's no good reason, to my shame. But now that you mention, I think I'll get around to it and do it this week. Might be a good opportunity to round down a few rough edges here and there as well.
That's really cool! Thanks for sharing it!
yo i love everything on codrops especially these. thank you for sharing with the world :)
Brilliant
I wish this was what I was doing!