Goal: Send data from multiple sensors to a program in P5.js. Use the data from the sensors to create a pointing-and-selecting device (i.e. a mouse).

For my set up, I used two potentiometers and a pushbutton for my two analog sensors and switch. Meaning, my ranges should come out to 0-1024 for the potentiometers and 0-1 for the switch.

Receiving data in p5.js

Initially, the program did not work, so I inserted console.log() to run and see if serialEvent was firing. I realized with the UI of the program, I have to click COM3 even though it was already selected to start the program. 

When it ran, I noticed my values were extremely high, throwing the ellipse off the grid. I changed the map() values to fit the potentiometers since the original code in the lab were fitted for the accelerometers.

Creating another interface (Project 2)

Music player that is also a sound visualizer.

A 'mood machine' that asks the user a variety of questions to customize a visual/audio experience (gradient animation on p5). Along with this, there are loaded up songs in p5 that can be played with a the UI of a music player.

I got visual inspiration from the scene/room in the mini-series on Netflix called "Maniac", where they store their patients while they are experiencing their drug-induced test. The atmospheric light from above the patients and the colorful, crazy LED buttons led me to create a machine that can affect mood or the atmosphere, like a 'weather machine'.

• 

• 

• 

Sketch of user interface:

• 

• 

Instead of having deliberate instructions of what each of the switches and sliders (sliding potentiometers) do, I want the buttons to have a more vague context around them surrounding the idea of the user's mood. I will research more on determining wellness through surveys and models of other wellness applications.

I hope to finish this project with a housing of the physical interface and have the screen be projected on through a projector to scale the effect of the 'atmosphere'. My final project may include LED string lights and clouds to reign the 'weather' theme.

Next Steps:

• Code p5 program of interactive visual aid
• Code p5 music player and choose various songs
• Write Arduino code for microcontroller