My first attempt at a Javascript-based web browser game. The tutorial comes from Ania Kubow. I had trouble understanding the logic behind the design, and ultimately couldn't find ways to style the game without breaking it based off of the div grid. That, and some game breaking glitches still exist. For example, rotating on the right side results in the shape locking in place and an overflow to the left side of the grid. Rotating at the second just before locking down on the bottom results in overflow outside the grid. Some visual glitches exist while clearing a line.
The controls are simple, use left arrow key to move left, right arrow key to move right, up arrow key to roatate, and pressing the down arrow key will give a small speed boost. The rightmost smaller grid shows the upcoming piece to help with planning your next move.
What I hope to achieve in the next iteration is a more aesthetically pleasing and styled game, as well as fixing the aforementioned glitches. That, and instead of simply pressing the keys, I'd like for the next iteration to have an option to be held down.