I Built 120 HTML5 Games Using Pure Canvas (No Frameworks)

#javascript #html #showdev #gamedev

Project Overview

I recently completed building 120+ classic browser games using pure HTML5
Canvas - no React, no Vue, no frameworks. Just vanilla JavaScript and Canvas
API.

Live site: https://funora.online

## Tech Stack

Pure HTML5 Canvas - all game rendering
Vanilla JavaScript - no dependencies
Self-hosted - no CDN needed
Mobile-responsive - works on all devices

## Games Built

Board games: Chess (3-level AI), Checkers, Tic Tac Toe
Card games: Solitaire, Poker, Hearts, Blackjack, Spider Solitaire
Puzzle games: Sudoku (4 difficulties), Mahjong, 2048
Arcade: Snake.io, Bubble Shooter, Pac-Man, Space Invaders

## Key Learnings

### 1. Batch Development = 10x Speed
Instead of manually coding each game, I built Python scripts to generate
boilerplate code. This reduced development time from 2-3 hours per game to
20-30 minutes.

### 2. Difficulty Balancing > Coding
The hardest part wasn't coding the game logic - it was making AI difficulty
levels feel fair. Too easy = boring. Too hard = frustrating.

### 3. Canvas Performance
For simple 2D games, Canvas performs better than DOM manipulation. No virtual
DOM needed when you control pixel rendering.

## Questions?

Happy to answer questions about: