Simple Game Controller Using P5.serial Control

This project explores serial communication from Arduino to p5.js using p5.Serialcontrol. Using p5, I made a game controller with digital inputs to play a simple Asteroids-type game. The game is not finished but the basic control and feel of the game is achieved. I modeled my game after this tutorial https://www.youtube.com/watch?v=hacZU523FyM.

Button

Slider

Potentiometer

LED strip

Arduino nano

umper wires.

Connect all wires to Arduino as shown. I used an Arduino nano and a mini breadboard. I also ran out of 5v spaces and had to solder two wires together. Also, the schematic shows two potentiometers, but I used a slider instead.

build an enclosure for the electronics with plenty of room for the Arduino. I laser cut mine but any type of enclosure works. Cut holes for all other electronics and install them through the back. Plug the wires into the breadboard and glue components with hot glue. I left the back of the box open with tape so I can fix it if any wires come undone.

https://github.com/mileslew/Simple-Game-controller...

I'm using the 5.serialcontrol app to send serial data from Arduino to p5.js. to start connect the controller to the computer and select the right port in p5.serialcontrol. click connect. Next copy my code in p5 and run the code. The game is a simple asteroids-type game to show the inputs work in real-time. Here is the game: https://editor.p5js.org/milestheplatypus/sketches/0gkbUJXkb