Writing a Tetris game in JavaScript



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

If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8

We will look at
* Drawing 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

source

Reply


Build A Site Info