December 2022

Jump It! – Kenneth Chu- Gottfried

CONCEPTION AND DESIGN:

The concept of my project was to allow its users to move around a bit. I realized that after starting the semester, I haven’t had much opportunities to do exercise, so I decided to create this 2 player game, using tilt sensors similar to recitation 2, but adding the processing component, as well as the competition one. During the user testing session, I had some peers try out the project, and they did not have any critiques in term of the feedback, all critiques were about the user interface. These included things such as, moving the heart monitor to the top corners as it wasn’t as relevant, making the jumping jacks larger, also making them black for them to be easier to see, and lastly making a win page for whoever reached the 75 repetitions first. I think it simplified the user interface, while still giving key feedback to the user, so overall it was successful.

User testing:

Feedback:

FABRICATION AND PRODUCTION:

For the fabrication & production part I did it in 3 steps. These were Arduino, digital fab, and processing. More detailed steps can be found below. I decided to use velcro as the main material for the sensor, because it was easier to adjust on the finger than other materials. Then I used super long wires to take into account the range of movement that the users had. For sensors, I wanted to focus mainly on the heart rate of the user. However, after buying it, and testing it, I realized that it was too unreliable, so that’s where my idea for tilt sensor came in. This sensor was best suited, because it was easier to use, and had far less parameters than the other ones. Another option was an accelerometer, but it had too many parameters, which made it not feasible.

Arduino:

For this first part, I tested heart sensor, because I have never worked with it before. I used the internet for code references, as well as wiring schemes. At first, the heart rate reading was too unstable, so Gottfried suggested a technique using average, so the values wouldn’t go from 80 to 200. Then to put the arduino part together, I soldered the tilt sensors together with the long wires, as well as the heart sensors. The video can be found below. Afterwards, I used electrical tape to cover the exposed parts, as well as to do some cable management. The final sensors can be viewed below as well. After that I started wiring everything together, And hot gluing them so they stayed fixed in place. The Arduino code can be found below.

Heart rate sensor:

Soldering:

Cable management:

Final sensors:
;

Gluing part one:

Gluing part 2:

Final physical part:

Code:

#include <SerialRecord.h>

SerialRecord writer(4);

//red

int val0; //tilt sensor RED

int val1; // Heart sensor RED

//green

int val2; //tilt sensor GREEN

int val3; //heart rate sensor GREEN

#define USE_ARDUINO_INTERRUPTS true // Set-up low-level interrupts for most acurate BPM math.

#include <PulseSensorPlayground.h> // Includes the PulseSensorPlayground Library.

//heart rate sensor RED

const int PulseWire0 = 0; // PulseSensor PURPLE WIRE connected to ANALOG PIN 0

const int LED13 = 13; // The on-board Arduino LED, close to PIN 13.

int Threshold = 550; // Determine which Signal to “count as a beat” and which to ignore.

float avg[2] = { 60, 60 };

PulseSensorPlayground pulseSensor(2); // Creates an instance of the PulseSensorPlayground object called “pulseSensor”

//Tilt sensor RED

int SENSOR_PIN = 2;

int tiltVal;

int prevTiltVal;

int curlnumber = 0;

//heart rate sensor GREEN (done)

const int PulseWire1 = 1; // PulseSensor PURPLE WIRE connected to ANALOG PIN 0

int Threshold1 = 550; // Determine which Signal to “count as a beat” and which to ignore.

float avg1 = 60;

//PulseSensorPlayground pulseSensor1; // Creates an instance of the PulseSensorPlayground object called “pulseSensor”

//Tilt sensor GREEN (done)

int SENSOR_PIN1 = 4;

int tiltVal1;

int prevTiltVal1;

int curlnumber1 = 0;

void setup() {

//tilt sensor RED

pinMode(SENSOR_PIN, INPUT);

//tilt sensor GREEN(done)

pinMode(SENSOR_PIN1, INPUT);

Serial.begin(9600);

//heart rate sensor

pulseSensor.analogInput(PulseWire0, 0);

pulseSensor.blinkOnPulse(LED13, 0);

pulseSensor.setThreshold(Threshold, 0);

pulseSensor.analogInput(PulseWire1, 1);

pulseSensor.setThreshold(Threshold, 1);

pulseSensor.setThreshold(Threshold);

if (pulseSensor.begin()) {

}

//tilt sensor red

writer[0] = 0;

//heart rate sensor red

writer[1] = 0;

//tilt sensor green

writer[2] = 0;

//heart rate sensor green

writer[3] = 0;

}

//RED

int count = 0;

long lastCurl = 0;

//GREEN (done)

long lastCurl1 = 0;

void loop() {

//Tilt sensor RED

tiltVal = digitalRead(SENSOR_PIN);

if (tiltVal != prevTiltVal && millis() – lastCurl > 10) {

lastCurl = millis();

if (tiltVal == HIGH) {

curlnumber++;

writer[0] = curlnumber;

}

prevTiltVal = tiltVal;

}

//Tilt sensor GREEN

tiltVal1 = digitalRead(SENSOR_PIN1);

if (tiltVal1 != prevTiltVal1 && millis() – lastCurl1 > 10) {

lastCurl1 = millis();

if (tiltVal1 == HIGH) {

curlnumber1++;

writer[2] = curlnumber1;

}

prevTiltVal1 = tiltVal1;

}

//heart rate sensors

for (int i = 0; i < 2; i++) {

//if (pulseSensor.sawStartOfBeat(i)) { // Constantly test to see if “a beat happened”.

int BPM = pulseSensor.getBeatsPerMinute(i); // Calls function on our pulseSensor object that returns BPM as an “int”.

avg[i] = avg[i] * 0.97 + BPM * 0.03;

writer[1 + i * 2] = avg[i];

// }

}

if (count == 1100) {

writer.send();

count = 0;

}

count++;

delay(1);

}

Digital FAB:

For this part, I searched for an online box maker, and then measured the size of the Arduino. After taking the measurement, I created the box, and went to the fab lab in order to use the laser cutter.

SVG file:

Cutting time lapse:

Assembly:

Processing:

For the processing part, I used what I did in recitation 10, and applied it here. Firstly, I drew 2 different colored rectangles to represent the sensor colors. Then I used the text function in order to draw the interface. I also uploaded 2 images, one for the win page, and other one for when a player reached 50 jumping jacks. Then used IF statements for when a player reached 75, thus displaying the win page. The code can be found below.

Code:

import processing.serial.*;
import osteele.processing.SerialRecord.*;
PImage photo;
PFont myFont;
PImage photo1;
Serial serialPort;
SerialRecord serialRecord;
void setup() {
fullScreen();
photo= loadImage(“Win.jpg”);
photo1= loadImage(“almost.png”);
String serialPortName = SerialUtils.findArduinoPort();
serialPort = new Serial(this, serialPortName, 9600);
serialRecord = new SerialRecord(this, serialPort, 4);
serialRecord.logToCanvas(false);
String[] fontList = PFont.list();
printArray(fontList);
myFont = createFont(“Broadway”, 32);
textFont(myFont);
}
void draw () {
serialRecord.read();
//red sensor
int val0 = serialRecord.values[0];
int val1 = serialRecord.values[1];
//green sensor
int val2 = serialRecord.values[2];
int val3 = serialRecord.values[3];
fill(255, 0, 0);
noStroke();
rect(0, 0, width/2, height );
fill(0, 255, 0);
noStroke();
rect(960, 0, width, height);
//repetitions red
if (val0 > 0) {
fill(0);
textSize(90);
text(val0, 448, 600);
}
//heart rate red
if (val1 > 0) {
fill(0);
textSize(50);
text(val1, 165, 60);
}
//repetitions Green
if (val2 > 0) {
fill(0);
textSize(90);
text(val2, 1460, 600);
}
//heart rate green
if (val3 > 0) {
fill(0);
textSize(50);
text(val3, 1830, 60);
}
fill(0);
textSize(80);
text(“JUMP IT!”, 800, 150);
fill(0);
textSize(75);
text(“Player 1:”, 280, 220);
//P1 BPM
fill(0);
textSize(50);
text(“BPM:”, 25, 60 );
//P1 REPETITION
fill(0);
textSize(70);
text(“Jumping Jacks:”, 160, 380);
//P2
fill(0);
textSize(75);
text(“Player 2:”, 1300, 220);
fill(0);
textSize(50);
text(“BPM:”, 1680, 60);
fill(0);
textSize(70);
text(“Jumping Jacks:”, 1160, 380);
fill(0);
textSize(70);
text(“First to 75 wins!”, 690, 1000);
//Almost there
if (val0 >=50) {
image(photo1, 340, 680);
}
if (val2 >=50) {
image(photo1, 1350, 680);
}
//final win page
if (val0 >= 75) {
val2=0;
background(255, 0, 0);
image(photo, 700, height/2);
fill(0);
textSize(90);
text(“Player 1 Wins!!”, 600, 380);
} else if (val2 >= 75) {
val0=0;
background(0, 255, 0);
image(photo, 700, height/2);
fill(0);
textSize(90);
text(“Player 2 Wins!!”, 600, 380);
}
println(mouseX, mouseY);
}

CONCLUSIONS:

Begin your conclusion by restating the goals of your project. Did your project achieve its stated goals? Based on your expectations of your audience’s response, how, ultimately, did your audience interact with your project? How do your project results align with your definition of interaction? How would you improve your project if you had more time? What of value have you learned from any setbacks and / or failures? What do you take away from your accomplishments?

To conclude, I designed this project in order for all of us to move. The project did achieve its goal. Based on the audience, they enjoyed the part where it was a competitive game. I think that it aligns with interaction, because of how engaged the users are. If I had more time, I would improve the user interface, as well as making the sensors wireless using Bluetooth. To wrap up I believe people should care, because how important physical movement is to health, and not having enough of it could negatively impact it.

ANNEX

Final class presentation:

Sources:

https://lastminuteengineers.com/pulse-sensor-arduino-tutorial/

Documentation

Document your work on your blog, detail how your process of building the circuits and writing the code went. In addition, upload a video of your exercises in action. Any success? Any failures? What did you learn?

For recitation 10, I decided to use the heart sensor I’d be using for my final project. I wanted to display an image after the heart rate was above a certain number. To start, I wired it together, and used Opened IDE, and used the serial record library, in order to prepare to send the heart rate signal into processing. Also, Prof. suggested me to use an “avg” technique in order to have smoother readings. The code part for the processing can be found below:

Circuit Picture:

 


#define USE_ARDUINO_INTERRUPTS true // Set-up low-level interrupts for most acurate BPM math.
#include  // Includes the PulseSensorPlayground Library.

// Variables
const int PulseWire = 0; // PulseSensor PURPLE WIRE connected to ANALOG PIN 0
const int LED13 = 13; // The on-board Arduino LED, close to PIN 13.
int Threshold = 550; // Determine which Signal to "count as a beat" and which to ignore.
// Use the "Gettting Started Project" to fine-tune Threshold Value beyond default setting.
// Otherwise leave the default "550" value.

PulseSensorPlayground pulseSensor; // Creates an instance of the PulseSensorPlayground object called "pulseSensor"
void setup() {

Serial.begin(9600); // For Serial Monitor

// Configure the PulseSensor object, by assigning our variables to it.
pulseSensor.analogInput(PulseWire);
pulseSensor.blinkOnPulse(LED13); //auto-magically blink Arduino's LED with heartbeat.
pulseSensor.setThreshold(Threshold);

// Double-check the "pulseSensor" object was created and "began" seeing a signal.
if (pulseSensor.begin()) {
Serial.println("start"); //This prints one time at Arduino power-up, or on Arduino reset.
}
}

void loop() {

int BPM = pulseSensor.getBeatsPerMinute(); // Calls function on our pulseSensor object that returns BPM as an "int".
// "BPM" hold this BPM value now.
if (pulseSensor.sawStartOfBeat()) { // Constantly test to see if "a beat happened".
Serial.println(" BPM "); // If test is "true", print a message "a heartbeat happened".
Serial.print("BPM: "); // Print phrase "BPM: "
Serial.println(BPM); // Print the value inside of myBPM.
}
delay(1); // considered best practice in a simple sketch.
}

After, the Arduino part, I started the processing sketch, and added it to a folder, and created a data folder in order to put the image I wanted to load later on. After I set the serial receiver, I wrote the draw part, which included the display of the “bpm” sent from Arduino, I also set an if statement in order to show the image after reaching 90 bpm, but this value can be changed. The code & video can be found below.

To conclude, I believe that the heart rate was super inaccurate at first, however after consulting with professors, they suggested different methods, that I will definitely take into account when modelling for my final.

Picture and Video:

import processing.serial.*;
import osteele.processing.SerialRecord.*;

PImage photo;


Serial serialPort;
SerialRecord serialRecord;

void setup() {


  fullScreen();
 photo= loadImage("good.jpg");
 
  String serialPortName = SerialUtils.findArduinoPort();
  serialPort = new Serial(this, serialPortName, 9600);
  serialRecord = new SerialRecord(this, serialPort, 1);
}

void draw () {
  background(0);
  serialRecord.read();
  int value1= serialRecord.values[0];

  if (value1> 0 ) {

    fill(255);
    textSize(50);
    text("BPM:", 900,400);
    
    fill(255);
    textSize(50);
    text(value1, 900, 500);
    
  }
  
  if (value1 > 90) {
    photo.resize(400,300);
  image(photo,750, 600);
  
  
  }
}

Archives

Categories

Final Project documentation

Recitation 10

Documentation

Archives for December 2022

Documentation