Writing a Tetris game in JavaScript




In this episode I write a Tetris game in JavaScript from scratch.

We will look at
* How to draw on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input

Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.

The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.html

Source code with step-by-step commits:
https://github.com/meth-meth-method/tetris

Music:
Demoscene Time Machine
http://demoscenetimemachine.com

Original source


22 responses to “Writing a Tetris game in JavaScript”

Leave a Reply