Skip to content
Falling 'Matrix' code in canvas
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
font
README.md
index.html
script.js
stats.min.js
style.css
style.scss

README.md

Matrix code rain

Attempt to create some Matrix code rain in canvas. See experiment write up here. Performance isn't great on large displays, and it doens't work at all in Firefox for some reason.

See live demo here

Uses stats.js for the performance logging, and Matrix font is from here.

TO DO

  • Improve performance, aim for 60FPS with as many code columns as possible
  • Randomly replace code characters as code falls - I already had this working, but was causing too much of a performance hit
  • Add feature where you can type and whatever you write will appear in the code as it falls
  • Add something with getUserMedia() and webcam outline interacting with falling code
You can’t perform that action at this time.