Files
matrix/README.md
2018-08-23 17:32:06 -04:00

1.5 KiB

matrix

Click here for the result.

Click here for the free font (TTF).

"matrix" is a WebGL implementation of the raining green code seen in The Matrix Trilogy. It's currently dependent on Three.js, though this may not be permanent.

The glyphs in this project are cleaned up vectors from an old SWF archived in 2007. (Please support the Internet Archive!)

The glyphs are formatted as a multi-channel distance field (or MSDF) via Victor Chlumsky's msdfgen. This format preserves the crisp edges and corners of vector graphics when rendered as textures. Chlumsky's thesis paper, which is in English and is also easy to read, is available to download here.

The opening titles to The Matrix Reloaded and The Matrix Revolutions are the chief reference for this project; in their most basic depiction, a fixed grid of glowing glyphs adjust their brightness and shape to simulate raindrops falling down a windowpane. While the glyph shapes are random, they cycle through a predetermined shape order before repeating. Whereas other Matrix screensavers focus on reproducing more complicated visual effects, such as representing 3D geometries as collages of code rain, this project focuses on the iconic core concept.