Ambient · digital rain
Matrix Clock
Columns of green characters falling down a black screen, with a large digital clock in front. The classic terminal look, done in CSS.
—
Press F for full screen. Motion pauses automatically if your system asks for reduced motion.
Digital rain
Where the Effect Came From
A 1999 Title Sequence
The falling-code effect was designed for The Matrix by Simon Whiteley, who has said the glyphs were based on characters from his wife's Japanese cookbook, scanned and then mirrored. It has been imitated ever since, which is why it now reads as shorthand for computing in general.
Why Green on Black
Early computer terminals used monochrome phosphor screens, and the P1 phosphor glowed green. It was cheap, it was easy on the eyes at low brightness, and a generation of programmers spent their working lives looking at it. The association stuck long after colour screens arrived.
Good for a Dark Room
Like the starfield, this is mostly black, so it throws very little light. On an OLED panel most of the screen is genuinely off.
Not Actually Code
The characters are katakana and digits picked at random. They do not spell anything, and nobody is being hacked. If someone tells you a screen of falling green glyphs means an intrusion is in progress, they are quoting a film.
Under the hood
How This Scene Is Built
Up to forty-eight columns of characters fall at independent speeds with staggered delays, each column carrying eight to twenty-six glyphs drawn at random from katakana and digits. A vignette darkens the edges so the clock stays readable.
Everything is text and CSS animation, so it costs a fraction of what a video loop would and stays crisp at any size, including on a projector.
Answers
Matrix Background Questions
What do the characters mean?
Nothing. They are katakana and digits chosen at random and redrawn on every page load. There is no message and no encoding.
Where did the effect originate?
The 1999 title and interface sequences for The Matrix, designed by Simon Whiteley. He has described the glyphs as coming from characters in a Japanese cookbook, scanned and mirrored.
Why is terminal text traditionally green?
Early monochrome monitors used a phosphor that glowed green. It was inexpensive and comfortable to read at low brightness, and the look became permanently associated with computing.
Is it heavy to run?
It is plain text moving on the GPU, so it is light. The column count halves on small screens.
Can I use it as a wall display?
It looks good full screen on a large monitor, and the vignette keeps the clock readable against the moving text. Being mostly black, it also suits a dark room better than most.