Build Your Own Games!

Learn how to make browser games with JavaScript and HTML5 Canvas.
Pick any of the 53 tutorials below and start building!

How to Build Word Typing Challenge

Keyboard Input Prefix Matching WPM Calculation

How to Build Fireworks Master

Parabola Timing Judgment Particles

How to Build Falling Blocks Sprint 40

Mode Switching Time Tracking Shared Engine

How to Build Spider Solitaire

Arrays Rule Validation Difficulty Design

How to Build FreeCell

Arrays Rule Validation Auto-Collect

How to Build Pyramid Solitaire

2D Arrays Cover Detection Stock Pile

How to Build Solitaire

Arrays Rule Validation Undo

How to Build Goldfish Scooping

Canvas Circle Collision Durability System

How to Build Reaction Test

performance.now State Management setTimeout

How to Build Chick Dash

Canvas 3-Lane System Gravity Jump

How to Build Block Fit Puzzle

2D Arrays Pointer Events Line Clearing

How to Build Shape Drawing Challenge

Canvas Drawing Shape Matching Percent Scoring

How to Build Perfect Half Cut

Animation Percent Positions Average Scoring

How to Build 2048

2D Arrays Tile Merging Keyboard Input

How to Build Fish Survival

Canvas Rendering Collision Detection Mouse Tracking

How to Build Brick Breaker

Ball Physics Bounce Angles Brick Collision

How to Build Fruit Catch

Falling Objects Score System Difficulty Curve

How to Build Color Match

DOM Manipulation Timers Random Colors

How to Build Breezy Bird

Gravity Pipe Spawning Collision Detection

How to Build Maze Run

Maze Generation Recursion Grid Logic

How to Build Memory Match

Array Shuffle State Management Matching

How to Build Mine Finder

Recursion Grids Mine Placement

How to Build Paddle Rally

Ball Bouncing AI Opponent Canvas

How to Build 15 Puzzle

Array Operations Click Events Solvability Check

How to Build Reversi

Game AI Disc Flipping Valid Move Check

How to Build Rhythm Game

Timing Judgment Note Charts Animation

How to Build Space Shooter

Bullet Management Enemy Spawning Collision Detection

How to Build Sound Memory

Sequence Memory Array Comparison Feedback

How to Build Slime Jumper

Gravity Platforms Camera

How to Build Snake Game

Queues Grid Movement Collision Detection

How to Build Box Push Puzzle

2D Arrays Push Logic Undo

How to Build Sudoku

Backtracking Constraint Checks Puzzle Generation

How to Build Falling Blocks

Rotation Row Clearing Drop Timer

How to Build Tic-Tac-Toe

Minimax AI Win Detection Turn Management

How to Build Tower Defense

Pathfinding Tower AI Wave Management

How to Build Tower Defense 2

Multiple Paths Homing Shots Tower Merging

How to Build Mole Bash

Random Spawning Click Detection Timers

How to Build Tap Master

Timers Click Detection Animation

How to Build Rock Paper Scissors Streak

CPU AI Frequency Analysis Probability Tuning

How to Build Bullet Hell Shooter

Bullet Patterns Trigonometry Collision Detection

How to Build Find the Cat!

Event Delegation CSS Grid Timers

How to Build Side-Scroll Shooter

Scrolling Power-Ups Trailing Options

How to Build Retro Alien Shooter

Grid Movement Pixel Art Rect Collision

How to Build What's Missing?

Memory Phase Decoy Generation Time Bonus

How to Build Munch Maze

Tile Maps Ghost AI Wall Collision

How to Build Chick Chain Puzzle

BFS Search Chain Reactions Gravity Drop

How to Build Spot the Difference

Array Copy Swap Generation Level Design

How to Build Fruit Merge

Physics Engine Merge on Collision Matter.js

How to Build 10 Second Challenge

High-Precision Timer Dynamic DOM localStorage

How to Build Burger Challenge

Falling Objects Collision Detection Difficulty Curve

How to Build Steady Hand Maze

Point-Line Distance Collision Detection Mouse Tracking

How to Build Odd Color Out

CSS Grid RGB Color Math Time Tracking

How to Build Water Sort Puzzle

Array Modeling Rule Validation Always-Solvable Puzzles