MP3: Dev Toolchain

Click here to view my game!

Overview and Usage

The core functionality of my project is to create a 2D endless runner using p5.play. To play, just press space to jump over the obstacles. If you hit an obstacle then the game is over. Here is a link to the GitHub repository where the code for my game is hosted: https://github.com/yumingt/hcde438mp3

Here is a gif of my game:

GIF of 2D endless runner game where cat jumps over obstacles

Development Process

Here are the steps that outline my process for this project:

  1. Develop concept of game
  2. Get permission from my friend Aly Stuart to use her PNG artwork as sprites
  3. Code functionality of game in p5 editor
  4. Convert PNGs into sprites. Here is a screenshot of my game in an unfinished state before I added the PNGs as sprites:
  5. Game in unfinished state where sprites are squares and triangles
  6. Set up development environment
  7. Transfer game from p5 editor to development environment
  8. Deploy game on Github pages
  9. Do the writeup

Issue Deep-Dive

An issue that I encountered was that I struggled to set up my development environment because I was using an old version of Node.js from 2020.

I resolved this problem by uninstalling Node.js, downloading the latest version, restarting my PC, creating a new repository for my game, and redoing the steps to set up a development environment.

This fix taught me that I should always check to make sure that the packages and libraries that I am using are up to date.

Ideas and Future:

  • Add sound effects
  • Add replay button
  • Add menu screen
  • Kudos

    Thank you to Anderson J Shaw for helping me debug my code.