4 ms·

Looks great! The biggest drops sort of spoil the illusion at times because they pass in front of or behind other drops without absorbing them. Maybe a cool tw

Looks great! The biggest drops sort of spoil the illusion at times because they pass in front of or behind other drops without absorbing them. Maybe a cool tweak for v2 would be to add some simple collision resolution? It would probably look great if you did a front to back sort based on droplet size, and resolved collisions (which you'd have to detect) by deleting the smaller droplet.

pbnjay 13y ago
Looks like they did: http://maroslaw.github.io/rainyday.js/demo012_3.html http://maroslaw.github.io/rainyday.js/demo012_3.html
- mikeg8 13y ago
  That one looks much less realistic to me. There were no long streak from drops that slid all the way down.
- TomatoTomato 13y ago
  It resolves the overlap, but doesn't combine the drops into a larger single drop.
- starbugstone 13y ago
  That patch of blue sky on the right doesn't feel quite right and takes the realism out of it a bit. I know, just me being fussy. Impressive use of canvas though, it could be really nice as an appeasing background image on a site. Using the navigator geolocalisation and a weather site we could have a weather sensitive site. Have to test resource wise and see.
santaclaus 13y ago
If one can solve a tridiagonal linear system in JS that is totes doable in a psuedo physical way: http://www.cse.ohio-state.edu/~whmin/Wang-2007-SGS/Wang-2007-SGS.avi http://www.cse.ohio-state.edu/~whmin/Wang-2007-SGS/Wang-2007... The Thomas algorithm (http://en.wikipedia.org/wiki/Tridiagonal_matrix_algorithm http://en.wikipedia.org/wiki/Tridiagonal_matrix_algorithm) and that technique could probs make your dream come true.