Matrix Rain effect in p5js

Posted on Mar 26, 2022

Replicating the Matrix Code Rain effect in p5js.


I tried to achieve the famous Matrix Code / Green rain effect using p5js and a custom glyph generator. I repurposed the glyph generator from my previous p5js Hanko Generator. To acheive the phosporescent screen effect, I initially tried to use a bloom effect, but that turned out to be quite intensive for the webpage. I ended up using some workarounds to achieve a fake bloom effect.

Find the entire project at Glitch.

Ayaskant Panigrahi

Hopelessly in love with clean code and unobtrusive design!

XR Developer & Researcher