Matrix rain animation using HTML5 canvas and javascript

View code Play Walkthrough

Experiments

Description

This tutorial is inspired by this cool demo. The code is simplified and recorded as a walkthrough covering basic concepts like drawing and animating text on canvas.

This version uses a different character set(Japanese+Engish+Numbers) taken from the original matrix animation.

Subscribe

Get updates about new walkthroughs, behind-the-scenes experiments, tips, tricks and more.

Add New Comment

12 Comments

(close)
muni

muni

Simply superb….

Amit

Amit

Greate, Superb and awesome!!
Very Amazing

Anish Sheela

Anish Sheela

What is the license of the code?

Pugazhvendan

Pugazhvendan

class look

Duke0200

Duke0200

Very nice to mess with and try to make a representation of binary code!

Thanks for the “template!”

Vicky

Vicky

Awesome Bro…

?

?

I thought this was cool to add to my site for a school project, but for me there are only numbers and punctuation. I tried setting the charset to UTF-8, but it didnt work. Help?

drew

drew

Very, very sexy.

egg

egg

cool,还是中文的

12 Comments

Description

5x 10x 15x 20x