Serial with P5JS

For this lab I wanted to make a fun and interactive game. I made a sort of dart-like game where there is a balloon that appears on the screen and when the target circles are hovered over it, it “pops” (disappears).

To develop this game I started with attaching some potentiometers to a breadboard and further connected to the Arduino. The potentiometers are both turn nobs so that the radial potentiometer controls the y-coordinates and the other potentiometer controls the x-coordinates of the target. When the user presses the ‘f’ key on the keyboard, a selection of random balloons appear on the screen in a variety of different places and colors for a moment and then disappear until the key is released. When the ‘f’ key is released, the circle and color is stationary and you can move the target to where the center of the target overlaps any part of the balloon then the balloon disappears (actually it is sent off-screen at position 2000, 2000). When you press the ‘f’ key again it will repeat the process described above. Anytime any of the balloons disappear, the location of the target will determine the brightness of the LED that is on the breadboard attached to the Arduino. If the user were to type either ‘H’ (for HIGH) or ‘L’ for (LOW), the second LED attached to the breadboard will turn on or off respectively. The circuit for the design is shown below: