← Back to Home

PROJECT SHOWCASE

The Runner

Phaser.jsJavaScript (ES6+)HTML5 CanvasAdobe PhotoshopCSS3LocalStorage APINetlify
The Runner

About the Project

A complete browser game built from scratch using Phaser.js for the game engine and Adobe Photoshop for all visual assets. Every element — the running character, obstacles, parallax background layers, UI elements, and particle effects — was hand-designed and animated in Photoshop before being integrated into the game. Implements real-time collision detection, sprite-based character animation with multiple states (run, jump, die), infinite parallax scrolling, and progressive difficulty scaling. Features include score persistence via localStorage, responsive canvas rendering across devices, and an optimized game loop using requestAnimationFrame. Built during intensive bootcamp training to demonstrate mastery of game development fundamentals, asset pipeline creation, and performance optimization under tight deadlines.