Memory Storer(Part 1. of final)
In this P5js sketch, I wanted to create the first part of my final project, which I'm working on with another friend of mine. We needed a p5 sketch that would initate the entire sequence, so I worked on that as part of this week's assignment. The entire concept was that we are the memory storage/transit facility.
Process
Step 1: Get API Working
Big thanks to Dano and the coding lab for helping with the prompt building and color detection. I had trouble getting the hex codes into JSON format, and it just would not work for so long.
​
Step 2: Create a multiple ball bouncing/colliding system
​
I copied the code from the shiffman video, and modified it to fit my goal. The colors of the balls are first randomized. When you click a button, the color of the ball would shift to resemble the mood of the memory.
Also had to work out how to add fonts to the system
Step 3: Create a system for mousepressed. I needed to create an animation that would start playing as soon as someone press the button. It took a lot of if statements and translations, but in the end it finally worked.
CODE
*The API may not work on an external website. You might want to go to the actual sketch linked here.
User Testing Videos
