The gist of how it works: There’s two images. A colour image, and a greyscale image that determines animation timing (lighter parts of the image are shown earlier). Here’s the timing map.
Developers and designers, please be careful when using pure black with animation and scrolling. 😀
Here’s the Processing source code, so you can see they animate together. https://gist.github.com/marcedwards/28da97e26240b048724679b29433221f
This is because changing pixels to and from pure black is slower than changing to and from other colours.
An attempt at recreating the intro to MKBHD’s awesome videos, using Processing. https://gist.github.com/marcedwards/efe887ac6b1b561957eb52633840d2ae
Depending on the brush and direction you smudge, you can create clouds and other things as well.
It holds up well if you zoom in, too.
Impossible Reuleaux triangle icon speedrun.
Mountains wallpaper, 5K landscape version. https://dribbble.com/shots/5270824-Mountains-wallpaper-5K-landscape
Lightning bolt icons speedrun.
Puzzle icon speedrun.
Founder and designer at @bjango. Currently building Skala.
Server run by the main developers of the project It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!