Today our project will start looking more like a real game as we add the game board and our first falling piece. We will draw the game board as a 10x20 grid and then overlay our moving piece on top of that game board.
In the previous post in this series, we built an animation loop which moved a red block from the left side of the canvas to the right and then started over again. In this post, we will convert this to a more general game loop and further separate our game state from our rendering code.
In the second post of the BlockAttack series, I'm going to implement the most simple animation that I can imagine as a stepping stone towards developing a fully realized game loop that can render complex animations.
This is the first post in a series where I will document the development of a Tetris clone using Plain Javascript. I've attempted this before but never finished the series. This is a fresh start and I'll be writing all code from scratch.
