2D Canvas Pixel-Art Platformer

Overview

A small browser game build: a 2D pixel-art platformer rendered on an HTML5 Canvas, with a player entity, scoring, and level tracking. A self-contained build in game-loop and rendering mechanics.

Why It Exists

A sandbox to play with the fundamentals of real-time browser games, game state, the render loop, and a deliberately pixelated aesthetic (anti-aliasing disabled on the canvas context).

What We Built

Three files, index.html, style.css, and game.js, implementing the canvas setup, a game state object (player position/size, score, level), and the draw loop. No frameworks; everything is hand-rolled vanilla JavaScript.

Technologies & Approach

Plain HTML5 Canvas and vanilla JS, with imageSmoothingEnabled = false for crisp pixel art. Kept framework-free to focus on the raw mechanics.

Outcome / Impact

A working platformer build that exercises canvas rendering and game-loop patterns. production; archived.

Capabilities Demonstrated

• HTML5 Canvas rendering and game loops
• Real-time interaction and state management in the browser
• Framework-free, from-scratch front-end building