Back to Home 2D Browser Game built with JavaScript and HTML Canvas

2D Browser Game

JavaScript Canvas Next.js

Overview

A fun 2D browser game built entirely with JavaScript and HTML Canvas API. This project was a deep dive into game development fundamentals - handling game loops, sprite animations, collision detection, and user input. Integrated into the Sip & Grow website as an interactive feature.

Technical Details

Custom game loop with requestAnimationFrame, sprite-based character animations, pixel-perfect collision detection, keyboard and touch input handling, and seamless integration with the Next.js parent site.

Play Game Back to Projects