Interactive P5.js Game

Project Overview

This interactive game was developed using P5.js, a JavaScript library designed to make creative coding more accessible. Inspired by Crossy Road, the game challenges players to navigate through three increasingly difficult levels filled with moving obstacles. As a fusion of art and logic, this project allowed me to explore the intersection of gameplay mechanics, visual storytelling, and user interaction in a browser-based environment.

The Challenge

As my first major coding project, the biggest challenge was managing a large and complex codebase—spanning over 1,000 lines. I had to carefully organize game logic, object interactions, and level transitions while ensuring the game remained responsive and fun. Creating three distinct levels with escalating difficulty required strategic planning and iteration to balance playability with challenge.

Process & Development

The development began with sketches of characters, environments, and basic mechanics modeled after Crossy Road. I implemented core gameplay features like character movement, vehicle and obstacle logic, collision detection, scoring, and level switching. Debugging and playtesting were critical, especially as I scaled the project to include multiple stages. Along the way, I learned how to structure my code for readability and efficiency, and how to use arrays, classes, and conditional logic to manage dynamic game behavior.