For this assignment, Izza and I worked together to do the 3 tasks.
Task 1:
For this task, we used a potentiometer to control whether the ellipse was moving to the left or the right on the horizontal axis. We did this by mapping the values of the potentiometer (0-1023) on the horizontal axis. Then, when we turned the potentiometer the value would translate to a position on the horizontal axis that the ball would move to. We had some difficulties with the delay between the arduino and p5js as sometimes we’d have to wait a couple seconds before the code would update in p5. Here is the code for the arduino:
void setup() {
Serial.begin(9600);
}
// Read potentiometer value (0–1023) and sends to p5js
void loop() {
int sensorValue = analogRead(A0);
Serial.println(sensorValue);
delay(1);
}
Task 2:
For this task, we had to do something that controlled the brightness of an LED on the arduino breadboard through p5js. So, we decided to create a dropdown for the user to pick between 1-10 to control the brightness of the LED with 1 being off and 10 being maximum brightness. We then mapped that to the 0-255 range for the brightness of an LED and sent that to the arduino which would control how brightly the LED would light up for a few seconds. On the arduino we simply had one bulb connected to digital pin 9. The arduino code can be seen below:
void setup() {
Serial.begin(9600);
pinMode(9, OUTPUT);
}
//gets the serial converted value from p5js
void loop() {
if (Serial.available() > 0) {
int brightness = Serial.parseInt();
brightness = constrain(brightness, 0, 255); //make sure the value isn't out of range
analogWrite(9, brightness);
}
}
Task 3:
In this task, we had to take already existing code and alter it such that every time the ball bounced, one LED light on the arduino lit up, and the wind was controlled by an analog sensor. For controlling our wind, we used a potentiometer once again as we could make it such that values above 512 would move the ball to the east (right) and values below 512 would move the ball towards the west (left). On the arduino, we connected a potentiometer at analog pin A0 and an LED light on digital pin 9. We then used p5js to recieve that serial input from the potentiometer and map it to the wind. Whether it bounced being true or false is also what makes the LED light up. Once again, we did experience a delay between the potentiometer value and the wind in p5. The arduino code can be seen below:
const int potPin = A0;
const int ledPin = 9;
bool ledOn = false;
unsigned long ledTimer = 0;
const int ledDuration = 100;
void setup() {
Serial.begin(9600);
pinMode(ledPin, OUTPUT);
}
void loop() {
// Read potentiometer and send value
int potValue = analogRead(potPin);
Serial.println(potValue);
// If LED was turned on recently, turn it off after some time
if (ledOn && millis() - ledTimer > ledDuration) {
digitalWrite(ledPin, LOW);
ledOn = false;
}
// recieve signal on whether the ball bounced from p5.js
if (Serial.available()) {
String input = Serial.readStringUntil('\n');
input.trim();
if (input == "bounce") {
digitalWrite(ledPin, HIGH);
ledOn = true;
ledTimer = millis();
}
}
delay(10); // Slight delay for stability
}
Lastly, here is the link to the video showing the LED light up and the ball being “blown” away by the value sent from the potentiometer:
https://drive.google.com/file/d/140pGv-9DMPd1gCa1xMn_LR3pR_pphx47/view?usp=sharing