Classic Arcade Games - Snake, Tetris, Arkanoid

Select a Game

Snake

TypeScriptCanvasGame loopKeyboard controls

Guide the snake, collect food, and avoid walls or your own body. The implementation keeps live state in refs, runs a fixed canvas loop, and shares keyboard/touch input plumbing with the other games.

Tetris

TypeScriptCollision detectionPiece rotationLine clearing

Rotate and stack tetrominoes on a 12-column board. Built around local shape matrices, collision checks, piece locking, and row compaction so each frame stays deterministic.

Arkanoid

TypeScriptCanvasCollision handlingPaddle controls

Break bricks with a moving paddle and bouncing ball. The canvas renderer combines clamped delta-time movement, paddle-angle bounce math, and lightweight brick collision handling.