News Update September 2022: this project was featured in Vice Motherboard, along with insight into the effect from Lilly Wachowski.

• Classic Matrix code
• Starting from a blank screen (skipIntro=false) (which some people really like, but isn't the default mode)
• 3D mode
• Mirror mode, with camera and without. (Click to make ripples.)
• Matrix Resurrections updated code
• Trinity mode
• Operator Matrix code (with ripple effects)
• Megacity Mode, as seen in Revolutions

Variants

• Code of the "Nightmare Matrix"
  • (you know, this stuff).
• Code of the "Paradise Matrix"
  • (AKA this stuff).
• A custom variant I call "Palimpsest"
• A custom variant I call "Twilight"
• Morpheus mode
• Bugs mode
• Pride flag colors
• Trans flag colors
• Custom stripes (effect=stripes&stripeColors=R,G,B,R,G,B,R,G,B, etc)
• Custom palette (palette=R,G,B,%,R,G,B,%,R,G,B,%, etc)
• Custom image (url=www.website.com/picture.jpg)
• Debug view (effect=none) (epilepsy warning: this once had lots of flickering)
• Holographic version (requires a Looking Glass display; see it in action here)

Typography

• The free classic font (TrueType).
• The free Resurrections font (TrueType).
• The unofficial glyph database.

Concept

• (t,i,x,y) => (1-(sin(x*7)-(y/15)+(t+2))%1)/3)
• Educational version in Scratch

• About
• Goals
• Sidenote: other people's Matrix effects
• Customization
• Troubleshooting
• Future directions
• Friends of the project
• Colophon
• Other details

This project is a web implementation of the raining green code seen in the Matrix franchise. It's built right on top of the functional WebGL wrapper, REGL, with beta support for the upcoming graphics API WebGPU; its previous Three.js version is maintained in a separate branch.

This project runs right in the web browser; you can serve it with any HTTP/HTTPS server, with no additional setup. For example, on a Mac you can point a Terminal shell at a local copy of the project and run a simple HTTP server with Python: cd /path/to/the/project ; python3 -m http.server