4
Arcade-accurate ghost personalities with distinct targeting rules.
Browser Game Case Study
PacMan
Arcade-inspired browser game rebuilt with authentic ghost behavior, replay/debug tools, accessibility settings, and responsive controls across input modes.
Impact Metrics
5
Input paths across keyboard, touch, swipe, virtual stick, and gamepad.
60fps
Target supported by frame-pacing guardrails and playtest coverage.
Problem
The redesign needed to preserve classic Pac-Man feel while expanding replayability, accessibility, and responsive multi-input play beyond a simple browser clone.
My Role
I implemented the gameplay systems, ghost AI behaviors, replay/debug tooling, accessibility options, and responsive control surfaces for desktop and mobile play.
Stack
- JavaScript
- HTML
- CSS
- Canvas
- Playwright
Architecture
- Deterministic fixed-step loop keeps gameplay, replay capture, and debugging in sync.
- Ghost AI, scoring, challenge rules, and the phase state machine stay modular.
- Responsive controls support keyboard, touch, swipe, virtual stick, and gamepad input.
Outcome
The result is a deeper browser game with authentic arcade behavior, modern accessibility settings, daily/replay loops, and repeatable automated coverage.
Product Highlights
The redesign adds challenge modes, deterministic replay support, mobile-friendly input layers, and accessibility controls, making the project feel like a full-featured arcade web game rather than a minimal homage.
Live Site Verification
GitHub Actions runs post-deploy verification every 30 minutes with live verification alerts and automatic recovery closure. Authoritative uptime monitoring should run in Cloudflare Health Checks or an external synthetic monitor.