Matrix effect with Dart

Categories

Dart

After my last post on Dart, I decided that I wanted to write something a bit more complex using the language. I had a lot of good feedback on it, but still felt I should try to push the language as much as I could, and see if it was a really enjoyable language to write code in.

So what better than a couple of hours on a Sunday evening to write some code and generate some animations?

I tried my best to be as descriptive as I could on the code. But it’s so simple… some things are better left unsaid.

The premise of the code, is the following:

Generate a random character from a list of random characters. I used 1’s & 0’s as when I look at them…

> All I see is blonde, brunette, red-head

I then move the numbers (drops) around the screen, and make sure they are always moving down, ‘till they reach the end of the screen. Then it’s time to re-use them again at the top. #perfmatters after all.

Canvas really gives me all I need to give my animation a transitional effect when it starts (it looks a lot nicer on the browser than the animated gif above).

Make the awesomeness happen again and again every 30 milliseconds by only writing 60 enjoyable lines of code.