Build Your Own Games!

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

How to Build Slime Farm

How to Build Slime Farm

Data-Driven Tables Offline Earnings Fusion Recipes
▶ Play Slime Farm
How to Build Mancala

How to Build Mancala

Minimax Array-Based Grid AI Opponent
▶ Play Mancala
How to Build Nonogram

How to Build Nonogram

Auto-Calculated Hints Drag Painting Daily Puzzles
▶ Play Nonogram
How to Build Touch Typing Lessons

How to Build Touch Typing Lessons

Keyboard Input Romaji Matching localStorage
▶ Play Touch Typing Lessons
How to Build Castle Catapult

How to Build Castle Catapult

Physics Engine Projectile Arc Collision Damage
▶ Play Castle Catapult
How to Build Flag Quiz

How to Build Flag Quiz

SVG Maps Choice Generation Time Attack
▶ Play Flag Quiz
How to Build Chick Clicker

How to Build Chick Clicker

1.15x Price Curve setInterval Offline Earnings
▶ Play Chick Clicker
How to Build Word Typing Challenge

How to Build Word Typing Challenge

Keyboard Input Prefix Matching WPM Calculation
▶ Play Word Typing Challenge
How to Build Cork Shooting Gallery

How to Build Cork Shooting Gallery

Collision Detection Probability Swaying Sight
▶ Play Cork Shooting Gallery
How to Build Fireworks Master

How to Build Fireworks Master

Parabola Timing Judgment Particles
▶ Play Fireworks Master
How to Build Falling Blocks Sprint 40

How to Build Falling Blocks Sprint 40

Mode Switching Time Tracking Shared Engine
▶ Play Falling Blocks Sprint 40
How to Build Spider Solitaire

How to Build Spider Solitaire

Arrays Rule Validation Difficulty Design
▶ Play Spider Solitaire
How to Build FreeCell

How to Build FreeCell

Arrays Rule Validation Auto-Collect
▶ Play FreeCell
How to Build Pyramid Solitaire

How to Build Pyramid Solitaire

2D Arrays Cover Detection Stock Pile
▶ Play Pyramid Solitaire
How to Build Solitaire

How to Build Solitaire

Arrays Rule Validation Undo
▶ Play Solitaire
How to Build Hanafuda Koi-Koi

How to Build Hanafuda Koi-Koi

Array Modeling Yaku Detection CPU AI
▶ Play Hanafuda Koi-Koi
How to Build Mahjong Solitaire

How to Build Mahjong Solitaire

Free Tile Detection Always-Solvable Puzzles Stacked 3D Look
▶ Play Mahjong Solitaire
How to Build Sweets Factory

How to Build Sweets Factory

Merge Game Drag and Drop Array-Based Grid
▶ Play Sweets Factory
How to Build Goldfish Scooping

How to Build Goldfish Scooping

Canvas Circle Collision Durability System
▶ Play Goldfish Scooping
How to Build Reaction Test

How to Build Reaction Test

performance.now State Management setTimeout
▶ Play Reaction Test
How to Build Chick Dash

How to Build Chick Dash

Canvas 3-Lane System Gravity Jump
▶ Play Chick Dash
How to Build Fishing Battle

How to Build Fishing Battle

Canvas Rendering Weighted Random Game Balance
▶ Play Fishing Battle
How to Build Block Fit Puzzle

How to Build Block Fit Puzzle

2D Arrays Pointer Events Line Clearing
▶ Play Block Fit Puzzle
How to Build Shape Drawing Challenge

How to Build Shape Drawing Challenge

Canvas Drawing Shape Matching Percent Scoring
▶ Play Shape Drawing Challenge
How to Build Perfect Half Cut

How to Build Perfect Half Cut

Animation Percent Positions Average Scoring
▶ Play Perfect Half Cut
How to Build Water Sort Puzzle

How to Build Water Sort Puzzle

Array Modeling Rule Validation Always-Solvable Puzzles
▶ Play Water Sort Puzzle
How to Build Odd Color Out

How to Build Odd Color Out

CSS Grid RGB Color Math Time Tracking
▶ Play Odd Color Out
How to Build Tower Defense 2

How to Build Tower Defense 2

Multiple Paths Homing Shots Tower Merging
▶ Play Tower Defense 2
How to Build Tower Defense

How to Build Tower Defense

Pathfinding Tower AI Wave Management
▶ Play Tower Defense
How to Build Fish Survival

How to Build Fish Survival

Canvas Rendering Collision Detection Mouse Tracking
▶ Play Fish Survival
How to Build Reversi

How to Build Reversi

Game AI Disc Flipping Valid Move Check
▶ Play Reversi
How to Build Bullet Hell Shooter

How to Build Bullet Hell Shooter

Bullet Patterns Trigonometry Collision Detection
▶ Play Bullet Hell Shooter
How to Build Side-Scroll Shooter

How to Build Side-Scroll Shooter

Scrolling Power-Ups Trailing Options
▶ Play Side-Scroll Shooter
How to Build Slime Jumper

How to Build Slime Jumper

Gravity Platforms Camera
▶ Play Slime Jumper
How to Build Breezy Bird

How to Build Breezy Bird

Gravity Pipe Spawning Collision Detection
▶ Play Breezy Bird
How to Build Space Shooter

How to Build Space Shooter

Bullet Management Enemy Spawning Collision Detection
▶ Play Space Shooter
How to Build Munch Maze

How to Build Munch Maze

Tile Maps Ghost AI Wall Collision
▶ Play Munch Maze
How to Build Retro Alien Shooter

How to Build Retro Alien Shooter

Grid Movement Pixel Art Rect Collision
▶ Play Retro Alien Shooter
How to Build Falling Blocks

How to Build Falling Blocks

Rotation Row Clearing Drop Timer
▶ Play Falling Blocks
How to Build Brick Breaker

How to Build Brick Breaker

Ball Physics Bounce Angles Brick Collision
▶ Play Brick Breaker
How to Build 2048

How to Build 2048

2D Arrays Tile Merging Keyboard Input
▶ Play 2048
How to Build Maze Run

How to Build Maze Run

Maze Generation Recursion Grid Logic
▶ Play Maze Run
How to Build Fruit Merge

How to Build Fruit Merge

Physics Engine Merge on Collision Matter.js
▶ Play Fruit Merge
How to Build Mine Finder

How to Build Mine Finder

Recursion Grids Mine Placement
▶ Play Mine Finder
How to Build AI Drawing Quiz

How to Build AI Drawing Quiz

Canvas API Event Handling Phase Management
▶ Play AI Drawing Quiz
How to Build Box Push Puzzle

How to Build Box Push Puzzle

2D Arrays Push Logic Undo
▶ Play Box Push Puzzle
How to Build Rhythm Game

How to Build Rhythm Game

Timing Judgment Note Charts Animation
▶ Play Rhythm Game
How to Build Snake Game

How to Build Snake Game

Queues Grid Movement Collision Detection
▶ Play Snake Game
How to Build Memory Match

How to Build Memory Match

Array Shuffle State Management Matching
▶ Play Memory Match
How to Build Mole Bash

How to Build Mole Bash

Random Spawning Click Detection Timers
▶ Play Mole Bash
How to Build Color Match

How to Build Color Match

DOM Manipulation Timers Random Colors
▶ Play Color Match
How to Build 15 Puzzle

How to Build 15 Puzzle

Array Operations Click Events Solvability Check
▶ Play 15 Puzzle
How to Build Sudoku

How to Build Sudoku

Backtracking Constraint Checks Puzzle Generation
▶ Play Sudoku
How to Build Fruit Catch

How to Build Fruit Catch

Falling Objects Score System Difficulty Curve
▶ Play Fruit Catch
How to Build Tic-Tac-Toe

How to Build Tic-Tac-Toe

Minimax AI Win Detection Turn Management
▶ Play Tic-Tac-Toe
How to Build Paddle Rally

How to Build Paddle Rally

Ball Bouncing AI Opponent Canvas
▶ Play Paddle Rally
How to Build Sound Memory

How to Build Sound Memory

Sequence Memory Array Comparison Feedback
▶ Play Sound Memory
How to Build Chick Chain Puzzle

How to Build Chick Chain Puzzle

BFS Search Chain Reactions Gravity Drop
▶ Play Chick Chain Puzzle
How to Build Spot the Difference

How to Build Spot the Difference

Array Copy Swap Generation Level Design
▶ Play Spot the Difference
How to Build Find the Cat!

How to Build Find the Cat!

Event Delegation CSS Grid Timers
▶ Play Find the Cat!
How to Build 10 Second Challenge

How to Build 10 Second Challenge

High-Precision Timer Dynamic DOM localStorage
▶ Play 10 Second Challenge
How to Build What's Missing?

How to Build What's Missing?

Memory Phase Decoy Generation Time Bonus
▶ Play What's Missing?
How to Build Tap Master

How to Build Tap Master

Timers Click Detection Animation
▶ Play Tap Master
How to Build Rock Paper Scissors Streak

How to Build Rock Paper Scissors Streak

CPU AI Frequency Analysis Probability Tuning
▶ Play Rock Paper Scissors Streak
How to Build Burger Challenge

How to Build Burger Challenge

Falling Objects Collision Detection Difficulty Curve
▶ Play Burger Challenge
How to Build Steady Hand Maze

How to Build Steady Hand Maze

Point-Line Distance Collision Detection Mouse Tracking
▶ Play Steady Hand Maze