Canvas rendering
Rendering loops, previews, responsive sizing, and redraw discipline.
Interactive lab
Browser mechanics experiments.
Supporting browser experiments for Canvas rendering, keyboard/touch input, grid logic, collision loops, LocalStorage, status, and no-backend UI.
Skill map
Browse by proof.
Web Paint is the flagship browser tool; games cover focused mechanics.
Keyboard / touch input
Shared input, touch controls, keyboard paths, and responsive controls.
Grid logic
Board transforms, recursive reveal, roving focus, and deterministic cells.
Collision / game loop
Entity updates, collisions, physics timing, wave/level state, and HUD updates.
Local state
Undo, best scores, saved settings, status messages, and restart flows.
Experiment archive
Small builds, one lesson each.
Each card links to a working page.
Web Paint
Canvas editor with tools, history, import/export, zoom, and mobile panels.
Takeaway: Preview pixels stay separate from saved history.
- Built
- Draw tools, previews, validation, PNG export, zoom, and local save.
- Controls
- Mouse, touch, swatches, sliders, toolbar buttons, and files.
- Status
- Prototype; needs smarter history, autosave, shortcuts, and accessibility work.
Mini Golf
Canvas mini golf with drag power, collisions, hazards, and scorecards.
Takeaway: Structured hole data keeps play predictable.
- Built
- Five holes, par, hazards, collisions, scorecards, and best scores.
- Controls
- Drag to aim and set power; release to shoot.
- Status
- Archived; needs physics tests, mobile QA, save controls, and alternatives.
Asteroid Drift
Canvas arcade loop with thrust, shooting, shields, waves, and touch controls.
Takeaway: Keyboard and touch feed one input model.
- Built
- Ship controls, asteroid waves, collisions, scoring, HUD, and reduced motion.
- Controls
- Keyboard or touch for thrust, turn, shield, fire, and pause.
- Status
- Prototype; needs tuning, profiling, device tests, and better nonvisual status.
Snake Lab
Canvas Snake with buffered input, growth, collisions, pacing, and best scores.
Takeaway: Turn guards keep controls deterministic.
- Built
- Grid state, food, growth, collisions, pacing, pause, and best scores.
- Controls
- Arrow keys, WASD, swipe controls, pause, restart, and fullscreen.
- Status
- Archived; needs turn tests, save reset, and stronger screen-reader support.
Brick Breaker
Canvas Brick Breaker with launch state, collisions, levels, and touch controls.
Takeaway: One loop handles input, motion, and brick removal.
- Built
- Paddle state, launch flow, collisions, lives, scores, and levels.
- Controls
- Keyboard, pointer, touch, restart, pause, and fullscreen.
- Status
- Archived; needs collision tests, performance checks, and nonvisual alternatives.
2048
2048 with merge rules, spawns, undo, best score, and row summaries.
Takeaway: Pure board transforms simplify undo and persistence.
- Built
- Board transforms, spawns, undo, local save, shortcuts, and live status.
- Controls
- Arrow keys, swipe, direction buttons, undo, restart, and fullscreen.
- Status
- Archived; needs merge tests, state migration, and screen-reader checks.
Minefield Sweep
Mine puzzle with delayed mines, recursive reveal, flags, timers, and labels.
Takeaway: Visual boards still need focus and live status.
- Built
- Safe first reveal, flags, win/loss, timer, roving focus, and labels.
- Controls
- Click/tap to reveal; right-click or flag mode to mark mines.
- Status
- Prototype; needs reveal tests, focus checks, validation, and save controls.
Flappy Workbench
Flappy-style loop with gravity, gaps, collisions, best score, and mobile input.
Takeaway: Simple physics still needs pause and restart rules.
- Built
- Gravity, jumps, pipes, collisions, scoring, restart flow, and status.
- Controls
- Click, tap, keyboard, restart, pause, and fullscreen.
- Status
- Archived; needs physics tests, mobile QA, and pause/resume validation.