rainyday.js

Fdbdc4176840d77fe6a8deca457595ab
0
dk 158 Sep 24, 2013 at 05:50 javascript webgl

Discuss link: rainyday.js (github.com)

2 Replies

Please log in or register to post a reply.

6837d514b487de395be51432d9cdd078
1
TheNut 179 Sep 26, 2013 at 05:25

This is a neat effect, although he’s missing two parts.

  1. I’d like to see the impact happening. Have the particle splash onto the window from a distance. Right now I look at it as random circles popping up on the screen.

  2. I’d like to see a trailing effect. I think that could be pulled off in the same way refraction is done. Increment the alpha channel wherever the rain droplet is rendered on a fragment (up to the max value 255). Any part of the texture that has the alpha set is the trigger condition to refract light on that fragment. You then decrement the alpha channel where there is no rain dropplet (down to 0), so eventually the trail fades out and no refraction is calculated. Would be interesting to see that.

B5262118b588a5a420230bfbef4a2cdf
0
Stainless 151 Sep 26, 2013 at 10:43

I would like to see drops merge when they hit each other