Matrix JS

This animation is my 2nd canvas project, which I’ve wanted to create in so long but just never got to till now. It’s more challenging than the particles animation, but it was fun figuring out how to make it work. At first I used setInterval to animate the rain, but found out that multiple setIntervals was not allowed. After that, I used requestAnimationFrame to animate it, and instead use setInterval to change random characters as the drops of the rain fell. The most challenging part was figuring out how to change the colors to include a white head and a fading tail.

Links
Github page
Codepen

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: