Recitation 5: Processing Basics

Motif

This is a picture I took at the Perez Art Museum in Miami when I went to visit with my Dad. This is a piece called Chromosaturation made by Carlos Cruz-Diez and it’s an immersive experience. The angle at which this picture was taken the diverse colors created by the red, blue, and green tones are illustrated. I was inspired to use this as my motif since it had a lot of geometric potential that could be programmed into processing!

https://www.pamm.org/en/exhibition/carlos-cruz-diez-chromosaturation/

(on the left is the photo I took, on the right is a photo of Carlos Cruz-Diez: © Courtesy of Atelier Cruz-Diez Paris/Bridgeman Images)

My Drawing

In my drawing I attempted to simplify the image as much as possible since color is the main component of the art and the photo so I planned to use simple shapes but vibrant colors in the processing.

My Drawing in Code

*Animated Drawing*

float spin = 0.0;

void setup() {
size(600, 600, P3D);
}

void draw() {
background(252, 178, 190);

if (!mousePressed) {
lights();
}

spin += 0.01;

stroke(10);
line(0, 300 ,200, 300);
line(0, 275 ,218, 275);
line(0, 290 ,208, 290);
line(0, 250 ,230, 250);
line(0, 200 ,268, 200);
line(0, 150 ,300, 150);
line(300,300,300, 150);

pushMatrix();
translate(width/2, height/2, 0);
rotateX(PI/9);
rotateY(PI/5 + spin);
box(80);
popMatrix();

noStroke();
fill(68, 216, 156);
triangle(0,600, 300, 150, 344, 300);
fill(48,91,240);
square(0, 400, 200);
fill(214,89,120);
triangle(200,600, 200, 450, 300, 600);
fill(225, 131, 240);
square(300, 150, 600);
fill(105,62,227);

}

Reflection

Despite not being an exact replica of the picture, I really like my design using processing. It was something similar maybe I would say inspired by the original photo and I really liked how the cube moves in the end. If i could do anything differently it would be to figure out the specific method of coding to fill in shapes with a gradient since it would help it look more like the original picture.

Interaction Lab Midterm: Link & Turn

Link & Turn

Link & Turn is an interactive puzzle in which you must turn puzzle pieces in order to link lines and create circuits. Our project is based off the concepts of connecting lines on different games found on mobile apps, but rather than a program we wanted to create the physical version of this. Link & Turn is designed to stimulate intuitive thinking through a rather satisfying game to play.

Inspiration

Color Line App

Mazes & More - Apps on Google Play

The game offers Numberlink puzzles, each of which consists of a grid of squares with some of the squares colored with different colored dots. To connect dots of the same color by drawing “pipes” between them, the goal is to fill the full grid with pipes. Pipes may not, however, cross. Size of the grid, which can range from 5×5 to 14×14 squares, affects difficulty. (Google Play)

Connect The Dots - Color Line - Apps on Google Play

Mazes & More App

A timeless puzzle game like Mazes & More is ideal for a quick mental break. It is made to be a surprisingly easy solo game that is navigated through amusing 2D retro labyrinths by swiping or tapping. Play a short game, test your mettle with 450 labyrinths, and rise to the position of maze king. (Apple Store Preview)

Linko

The game Linko is about connecting broken lines too form “circuits”. The puzzle game Linko is really straightforward and peaceful. To play Linko, all you need is your phone and one finger. Anyone can enjoy Linko because it is not challenging or complicated, regardless of age or gender. Relax and move as if you were navigating a straightforward maze. (Apple Store Preview)

Initial Sketches

Anya’s Sketches:
Anya’s sketches illustrates a puzzle where we utilized copper tape on the bottom of the piece of cardboard aligned with wire in order to create the circuits by connecting a ground to the start of the first puzzle piece and the 5V to the last piece, so when connected there would be a circuit and lights would light up. The way the cardboard pieces would work is that they would turn by twisting them.

My Sketch:

On the other hand, my sketch illustrated a different idea where the cardboard pieces would be standing and function like a hinge where toothpicks would be used in order to create that effect. In this sketch, the cardboard would also be lighted with copper tape to create the circuit.

Due to logistics and functionality, Anya and I decided to prototype her sketch.

Prototyping

Since unfortunately I was locked down in a quarantine at the start of the midterm, Anya was responsible for creating most of the prototypes. Here are some videos she sent me. We went with her original design where pieces of wire would be within the cardboard and when those came in contact with the copper tape they would allow the circuit to function. The toothpicks would be used as the handles to turn the cardboard pieces.

Upon repeatedly testing Anya’s prototype, and once I returned from my quarantine, we realized that the metal wire idea was inefficient and was not functioning 100% of the time as it should. After almost scrapping the entire project, we approached Professor Andy to see what we could do about this issue since primarily the circuit wasn’t forming because of bad contact between the wire and the copper tape. What he thought we could do is too create a kind of spring mechanism where the bottom of the cardboard would have constant pressure on the copper tape. The way we did this was to use a piece of plastic laminate that was springy when it was bent, or in other words would always want to spring upwards when we put pressure on it. We stuck the copper tape to these pieces of plastic and that created the perfect contact with the copper tape of the circuit which allowed the circuit to function 100% of the time.

Progress Pics:

Presentation

Essentially, what we presented was Anya’s original prototype but with only 4 pieces of our new spring mechanism since we were running out of time. Since our project was rather incomplete, we got lots of feedback.

Feedback from professors & peers:

Interaction Lab User Testing Notes
Thicker lines/ be painted better
Instructions should be more clear
Led should be lighter
Start point should be clear
Brighter LED (big ones)
Paint which orientation it should go in.
Have a reward
Conceal the copper

Improving the Project

Upon receiving all this feedback we decided we needed to make some changes. First off all we needed code because we had yet to incorporate that into our project.

First, Anya and I reached how to code LED lights and asked our friend & peer Daniel about them since he was also using them for his midterm and since he was kind enough to help we figured out that in order to connect them to the breadboard we needed a 5V power source to turn them on. Now that we had all of our connections on the breadboard ready, we coded the specific pattern we wanted to code on the LED’s when the user solved the puzzle or each specific circuit.

int redLED = 11;

int yellowLED = 9;

int whiteLED = 6;

int greenLED = 5;

int buzzer = 3;

int redState = -1;

int yellowState = -1;

int whiteState = -1;

int greenState = -1;

void setup() {

pinMode(11, OUTPUT);

pinMode(9, OUTPUT);

pinMode(6, OUTPUT);

pinMode(5, OUTPUT);

pinMode(3, OUTPUT);

pinMode(11, INPUT_PULLUP);

pinMode(9, INPUT_PULLUP);

pinMode(6, INPUT_PULLUP);

pinMode(5, INPUT_PULLUP);

pinMode(3, INPUT_PULLUP);

Serial.begin(9600);

}

void loop() {

digitalWrite(redLED, HIGH);

redState= digitalRead(redLED);

Serial.println(redState);

if (redState == 0){

tone(buzzer, 800);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(redLED, LOW);

digitalWrite(yellowLED, HIGH);

yellowState = digitalRead(yellowLED);

Serial.println(yellowState);

if (yellowState == 0){

tone(buzzer, 600);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(yellowLED, LOW);

digitalWrite(whiteLED, HIGH);

whiteState = digitalRead(whiteLED);

Serial.println(whiteState);

if (whiteState == 0){

tone(buzzer, 400);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(whiteLED, LOW);

digitalWrite(greenLED, HIGH);

greenState = digitalRead(greenLED);

Serial.println(greenState);

if (greenState == 0){

tone(buzzer, 200);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(greenLED, LOW);

}

Now that this code was ready, we decided that a fun feature would be to add the song Pirates of the Caribbean to the end of the circuit once the user solved the puzzle since Anya found a code for the specific audio tones online so Anya added this code to our end celebration. Here’s our code:

const int songspeed = 1.5; //Change to 2 for a slower version of the song, the bigger the number the slower the song

//*****************************************

#define NOTE_C4 262 //Defining note frequency

#define NOTE_D4 294

#define NOTE_E4 330

#define NOTE_F4 349

#define NOTE_G4 392

#define NOTE_A4 440

#define NOTE_B4 494

#define NOTE_C5 523

#define NOTE_D5 587

#define NOTE_E5 659

#define NOTE_F5 698

#define NOTE_G5 784

#define NOTE_A5 880

#define NOTE_B5 988

//*****************************************

int notes[] = { //Note of the song, 0 is a rest/pulse

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_D5, NOTE_D5, 0,

NOTE_D5, NOTE_E5, NOTE_F5, NOTE_F5, 0,

NOTE_E5, NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_B4, NOTE_B4, 0,

NOTE_C5, NOTE_A4, NOTE_B4, 0,

NOTE_A4, NOTE_A4,

//Repeat of first part

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_D5, NOTE_D5, 0,

NOTE_D5, NOTE_E5, NOTE_F5, NOTE_F5, 0,

NOTE_E5, NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_B4, NOTE_B4, 0,

NOTE_C5, NOTE_A4, NOTE_B4, 0,

//End of Repeat

NOTE_E5, 0, 0, NOTE_F5, 0, 0,

NOTE_E5, NOTE_E5, 0, NOTE_G5, 0, NOTE_E5, NOTE_D5, 0, 0,

NOTE_D5, 0, 0, NOTE_C5, 0, 0,

NOTE_B4, NOTE_C5, 0, NOTE_B4, 0, NOTE_A4,

NOTE_E5, 0, 0, NOTE_F5, 0, 0,

NOTE_E5, NOTE_E5, 0, NOTE_G5, 0, NOTE_E5, NOTE_D5, 0, 0,

NOTE_D5, 0, 0, NOTE_C5, 0, 0,

NOTE_B4, NOTE_C5, 0, NOTE_B4, 0, NOTE_A4

};

//*****************************************

int duration[] = { //duration of each note (in ms) Quarter Note is set to 250 ms

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 125, 250, 125,

125, 125, 250, 125, 125,

250, 125, 250, 125,

125, 125, 250, 125, 125,

125, 125, 375, 375,

250, 125,

//Rpeat of First Part

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 125, 250, 125,

125, 125, 250, 125, 125,

250, 125, 250, 125,

125, 125, 250, 125, 125,

125, 125, 375, 375,

//End of Repeat

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 125, 125, 125, 375,

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 500,

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 125, 125, 125, 375,

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 500

};

After this we added everything together in the code and we got:

int redLED = 11;

int yellowLED = 9;

int whiteLED = 6;

int greenLED = 5;

int buzzer = 3;

int redState = -1;

int yellowState = -1;

int whiteState = -1;

int greenState = -1;

void setup() {

pinMode(11, OUTPUT);

pinMode(9, OUTPUT);

pinMode(6, OUTPUT);

pinMode(5, OUTPUT);

pinMode(3, OUTPUT);

pinMode(11, INPUT_PULLUP);

pinMode(9, INPUT_PULLUP);

pinMode(6, INPUT_PULLUP);

pinMode(5, INPUT_PULLUP);

pinMode(3, INPUT_PULLUP);

Serial.begin(9600);

}

void loop() {

digitalWrite(redLED, HIGH);

redState= digitalRead(redLED);

Serial.println(redState);

if (redState == 0){

tone(buzzer, 800);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(redLED, LOW);

digitalWrite(yellowLED, HIGH);

yellowState = digitalRead(yellowLED);

Serial.println(yellowState);

if (yellowState == 0){

tone(buzzer, 600);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(yellowLED, LOW);

digitalWrite(whiteLED, HIGH);

whiteState = digitalRead(whiteLED);

Serial.println(whiteState);

if (whiteState == 0){

tone(buzzer, 400);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

digitalWrite(whiteLED, LOW);

digitalWrite(greenLED, HIGH);

greenState = digitalRead(greenLED);

Serial.println(greenState);

if (greenState == 0){

tone(buzzer, 200);

delay(1000);

noTone(buzzer);

}

else{

noTone(buzzer);

}

if (redState == 0 && yellowState == 0 && whiteState == 1 && greenState == 0){

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

int wait = duration[i] * songspeed;

tone(buzzer,notes[i],wait);

delay(wait);

}

digitalWrite(greenLED, LOW);

}

CONDITION FOR THE SONG

if (redState == 0 && yellowState == 0 && whiteState == 1 && greenState == 0){

when the states == 0 means they are connected

*VIDEO OF THE PROCESS*

*VIDEO OF THE PROCESS PT. 2*

Upon testing we realized there were quite a few glitches and 30 minutes before our final presentation we tried running a code that was working perfectly 10 minutes before but for some reason it was no longer functioning in the way that our LED light strip was not lighting up at all whatsoever. In order to solve this issue, which we didn’t know what it was, we literally checked every single thing about the game. We replaced a plastic tape for a paper one that may have interfered with the copper plates of the LED strip, we checked our wiring (which turns out it was fine), we switched our Arduino since some of our other peers had burnt theirs during their prototype trials (it wasn’t that), we re-sautered the small LED bulbs in case the connection wasn’t strong enough, and finally we checked our code a million times. In the end we never really knew what when wrong, but what we did was run an older version of our code which worked and we went with that. Here’s the code:

const int songspeed = 1.5; //Change to 2 for a slower version of the song, the bigger the number the slower the song

//*****************************************

#define NOTE_C4 262 //Defining note frequency

#define NOTE_D4 294

#define NOTE_E4 330

#define NOTE_F4 349

#define NOTE_G4 392

#define NOTE_A4 440

#define NOTE_B4 494

#define NOTE_C5 523

#define NOTE_D5 587

#define NOTE_E5 659

#define NOTE_F5 698

#define NOTE_G5 784

#define NOTE_A5 880

#define NOTE_B5 988

//*****************************************

int notes[] = { //Note of the song, 0 is a rest/pulse

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_D5, NOTE_D5, 0,

NOTE_D5, NOTE_E5, NOTE_F5, NOTE_F5, 0,

NOTE_E5, NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_B4, NOTE_B4, 0,

NOTE_C5, NOTE_A4, NOTE_B4, 0,

NOTE_A4, NOTE_A4,

//Repeat of first part

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_C5, NOTE_D5, NOTE_B4, NOTE_B4, 0,

NOTE_A4, NOTE_G4, NOTE_A4, 0,

NOTE_E4, NOTE_G4, NOTE_A4, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_D5, NOTE_D5, 0,

NOTE_D5, NOTE_E5, NOTE_F5, NOTE_F5, 0,

NOTE_E5, NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_B4, NOTE_C5, NOTE_C5, 0,

NOTE_D5, NOTE_E5, NOTE_A4, 0,

NOTE_A4, NOTE_C5, NOTE_B4, NOTE_B4, 0,

NOTE_C5, NOTE_A4, NOTE_B4, 0,

//End of Repeat

NOTE_E5, 0, 0, NOTE_F5, 0, 0,

NOTE_E5, NOTE_E5, 0, NOTE_G5, 0, NOTE_E5, NOTE_D5, 0, 0,

NOTE_D5, 0, 0, NOTE_C5, 0, 0,

NOTE_B4, NOTE_C5, 0, NOTE_B4, 0, NOTE_A4,

NOTE_E5, 0, 0, NOTE_F5, 0, 0,

NOTE_E5, NOTE_E5, 0, NOTE_G5, 0, NOTE_E5, NOTE_D5, 0, 0,

NOTE_D5, 0, 0, NOTE_C5, 0, 0,

NOTE_B4, NOTE_C5, 0, NOTE_B4, 0, NOTE_A4

};

//*****************************************

int duration[] = { //duration of each note (in ms) Quarter Note is set to 250 ms

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 125, 250, 125,

125, 125, 250, 125, 125,

250, 125, 250, 125,

125, 125, 250, 125, 125,

125, 125, 375, 375,

250, 125,

//Rpeat of First Part

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 375, 125,

125, 125, 250, 125, 125,

125, 125, 125, 250, 125,

125, 125, 250, 125, 125,

250, 125, 250, 125,

125, 125, 250, 125, 125,

125, 125, 375, 375,

//End of Repeat

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 125, 125, 125, 375,

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 500,

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 125, 125, 125, 375,

250, 125, 375, 250, 125, 375,

125, 125, 125, 125, 125, 500

};

int redLED = 12;

int yellowLED = 13;

int whiteLED = 6;

int greenLED = 5;

int buzzer = 3;

int redState = -1;

int yellowState = -1;

int whiteState = -1;

int greenState = -1;

//definitions for the LEDS

#include <FastLED.h>

#define LED_PIN 10

#define NUM_LEDS 54

#define BRIGHTNESS 64

#define LED_TYPE WS2811

#define COLOR_ORDER GRB

CRGB leds[NUM_LEDS];

#define UPDATES_PER_SECOND 100

CRGBPalette16 currentPalette;

TBlendType currentBlending;

extern CRGBPalette16 myRedWhiteBluePalette;

extern const TProgmemPalette16 myRedWhiteBluePalette_p PROGMEM;

void setup() {

//pinMode(redLED, OUTPUT);

//pinMode(yellowLED, OUTPUT);

//pinMode(whiteLED, OUTPUT);

//pinMode(greenLED, OUTPUT);

//pinMode(buzzer, OUTPUT);

pinMode(redLED, INPUT_PULLUP);

pinMode(yellowLED, INPUT_PULLUP);

pinMode(whiteLED, INPUT_PULLUP);

pinMode(greenLED, INPUT_PULLUP);

pinMode(buzzer, INPUT_PULLUP);

Serial.begin(9600);

delay( 3000 ); // power-up safety delay

FastLED.addLeds<WS2812, LED_PIN, RGB>(leds, NUM_LEDS);

FastLED.setBrightness( BRIGHTNESS );

currentPalette = RainbowStripeColors_p;

currentBlending = LINEARBLEND;

}

void loop() {

digitalWrite(redLED, LOW);

digitalWrite(yellowLED, LOW);

digitalWrite(whiteLED, LOW);

digitalWrite(greenLED, LOW);

redState= digitalRead(redLED);

Serial.print(“red “);

Serial.println(redState);

if (redState == 0){

//digitalWrite(redLED, HIGH);

leds[43] = CRGB(0,255,0);

leds[42] = CRGB(0,255,0);

FastLED.show();

tone(buzzer, 800);

delay(1000);

noTone(buzzer);

//digitalWrite(redLED, LOW);

}

else{

noTone(buzzer);

leds[43] = CRGB(0,0,0);

leds[42] = CRGB(0,0,0);

FastLED.show();

}

yellowState = digitalRead(yellowLED);

Serial.print(“yellow “);

Serial.println(yellowState);

if (digitalRead(yellowLED) == 0){

//digitalWrite(yellowLED, HIGH);

tone(buzzer, 600);

leds[46] = CRGB(255, 255 ,0);

leds[45] = CRGB(255, 255, 0);

FastLED.show();

delay(1000);

noTone(buzzer);

//digitalWrite(yellowLED, LOW);

}

else{

noTone(buzzer);

leds[46] = CRGB(0,0,0);

leds[45] = CRGB(0,0,0);

FastLED.show();

}

whiteState = digitalRead(whiteLED);

Serial.print(“white “);

Serial.println(whiteState);

if (whiteState == 0){

//digitalWrite(whiteLED, HIGH);

leds[48] = CRGB(255,255,255);

leds[49] = CRGB(255,255,255);

FastLED.show();

tone(buzzer, 400);

delay(1000);

noTone(buzzer);

//digitalWrite(whiteLED, LOW);

}

else{

noTone(buzzer);

leds[48] = CRGB(0,0,0);

leds[49] = CRGB(0,0,0);

FastLED.show();

}

greenState = digitalRead(greenLED);

Serial.print(“green “);

Serial.println(greenState);

if (greenState == 0){

//digitalWrite(greenLED, HIGH);

leds[51] = CRGB(255,0,0);

leds[52] = CRGB(255,0,0);

FastLED.show();

tone(buzzer, 200);

delay(1000);

noTone(buzzer);

//digitalWrite(greenLED, LOW);

}

else{

noTone(buzzer);

leds[51] = CRGB(0,0,0);

leds[52] = CRGB(0,0,0);

FastLED.show();

}

if (redState == 0 && yellowState == 0 && whiteState == 0 && greenState == 0){

int color = 0;

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

int k = 0;

uint8_t brightness = 255;

int wait = duration[i] * songspeed;

tone(buzzer,notes[i],wait);

delay(wait);

if (i < 56){

leds[i] = CHSV(color, 255, 255); /* The higher the value 4 the less fade there is and vice versa */

color+=4;

FastLED.show();

}

else if (i – 56 < 56){

leds[i-56] = CHSV(color, 255, 255); /* The higher the value 4 the less fade there is and vice versa */

color+=4;

FastLED.show();

}

else if (i < 112 < 56){

leds[i-112] = CHSV(color, 255, 255); /* The higher the value 4 the less fade there is and vice versa */

color+=4;

FastLED.show();

}

else {

leds[i-168] = CHSV(color, 255, 255); /* The higher the value 4 the less fade there is and vice versa */

color+=4;

FastLED.show();

}

//leds[2] = CRGB(0,255,0);

//leds[3] = CRGB(0,0,255);

// leds[4] = CRGB(0,0,255);

// leds[5] = CRGB(0,0,255);

// leds[6] = CRGB(0,0,0);

+ sweep for the motor from the examples

Final Product

*VIDEO OF THE FINAL PRODUCT*

Even though our project had its flaws, I’m super proud of everything Anya where able to achieve despite all of the difficulties we had at the beginning. If I could improve anything it would probably improve the code (which Anya did most of) and perhaps the user friendly-ness of the project as a whole. Other than that, I’m still super proud of the hard work we did!

Citations:

“Connect the Dots – Color Line – Apps on Google Play.” Google, Google, https://play.google.com/store/apps/details?id=com.happydream.flow.connectdots&hl=en_US&gl=US.

Kim, Kyung-Hun. “Linko – Relaxing Loop.” App Store, 12 Mar. 2022, https://apps.apple.com/us/app/linko-relaxing-loop/id1608997896.

Solitaire, Mahjong and Sudoku Company. “Mazes & More: Classic Maze.” App Store, 7 June 2016, https://apps.apple.com/us/app/mazes-more-classic-labyrinth/id1115189251.

Group 3 IMA Project

The Artifact: The more you suffer, the less I suffer.

Inspiration

The book The Ones Who Walk Away from Omelas written by Ursula K. Le Guin is about the Utopian city of Omelas, where the narrator portrays a seemingly perfect society where all of its citizens are happy and advanced futuristic technology exists. The interesting aspect about this city, is that in order for prosperity to exist within the society, a single child must suffer in order to take away the sadness from the people in the city. Our group based our project off of the philosophy found in this book of utilitarianism where one person must suffer in order for the rest of society to be benefitted.

Our Idea

Ricci’s idea

Taking the philosophical inspiration of the book The Ones Who Walk Away from Omelas, one of our group members Ricci had originally come up with an artifact in the individual research phase of the project that we were all interested in. Her original idea was an ice artifact and the way it functioned is that there where two circular containers (one within the other) where the inner one had ice and the outer one would obtain the kinetic energy of melting ice to heat things. So essentially how Ricci’s original artifact worked is that for example if people are living in a cold place, one would put ice in the middle container (till it melts) and once it melts that energy heats the surrounding room so people can be warm. Now Ricci’s idea was a big inspiration for our project but there were some logistical difficulties to make this project not to mention scientifically this would be illogical to perform.

What we came up with

So what we came up with was an art installation that is set up with four buttons on stands connected to a metal plate on the floor. The way it works is that if someone is standing on the plate and four people press the buttons at the same time that person standing on the plate will feel a slight electric shock.

Lightning Reaction Reloaded - Shocking Game + Free Shipping

But why would someone want to stand on the center plate and feel an electric shock? Well its like a game. When we win games we feel a dopamine rush so we would go through the pain if it means that in the end we all have a fun time and everyone benefits from it.

The way I like to think about this project is a lot like an upscaled version of a popular electric shock board game.

The way the board game works:

is that everyone must hold a handle connected to a power base to play.
a timer is pressed with a red light that blinks.
when the light turns green everyone must press the buttons on the handles.
the last person to press the button (with the slowest reaction time) gets shocked.

Lighting Reaction Reloaded – Shocking Game

Tinker Cad Model

Building The Artifact

Materials:

Cardboard
Ruler
Hot Glue
Paint
Recycled ribbons
Paper
Water Bottles

Steps:

Constructed the circular base/platform out of cardboard.
Cut out the connectors (rectangular pieces of cardboard) for the buttons.
Filled 4 water bottles with water and used each one as the first water bottle to build the four small towers to place the buttons on top of.
Glued the water bottles on top of each other.
Build the “buttons” for each tower.
1. Cut out a hand shaped piece of cardboard and attach a folded piece of cardboard to the hand.
2. Attach that piece of cardboard to the water bottle tower.
Place the buttons and the plate according to the model/sketch we had in mind.

Practicing for the Presentation

The Script:

Setting: Art museum

We enter an art museum and discover that there is a new art installation from a famous artist featured at the MET.
The artist is known for creating art that the viewer is allowed to touch and play with (one of the viewers knows this) and guides the rest to play with the art.
One notices buttons shaped as hands and decides to press it.
There are 4 buttons so everyone starts pressing the buttons all at once but nothing happens.
Someone notices a light up necklace in the middle of the machine and decides to pick it up and put it on.
Whilst the others play with the buttons the person in the middle notices the necklace lights up when the buttons are pressed.
That person suggested that everyone press the buttons all at once so the necklace lights up brighter.
When they first press all together they feel an electric shock.
The person in the middle teases the people pressing the buttons because “how could pressing a button be painful”
One person pushes through the pain despite the other’s comment and realizes once the button is fully pressed there is no longer an electric shock.
The person in the middle starts feeling an electric shock but the lights are brighter.
Everyone presses the button at the same time and realizes that the person in the middle is getting shocked.
Meanwhile the person in the middle is getting shocked, they joke that it can’t be too painful so they take turns going in the middle.
They notice another cool machine featured in the museum and walk away to go play without thinking much about the meaning of the machine.

Rehearsal:

We got together in room 826 to practice the script and we timed ourselves and we usually ranged between 4-5 minutes in presenting our artifact and performing our skit.

The Performance

Our performance lasted around 4 minutes and it all went according to script except that the audience didn’t react to how we thought they would. Most people didn’t understand the concept since we were the only group that made something non-functional in neither the dystopian or real world but rather an art installation.

Reflection

What could have been improved?

Well I think that we needed to improve our communication skills within the team as a whole. Meanwhile some members where shy and others were more extroverted, it doesn’t necessarily mean that we couldn’t make a good team but in this case we definitely lacked communication. Also, I definitely think we misunderstood the instructions and relied to much on Ricci’s original idea rather than coming up with our own as a team. I definitely regret not speaking up more about different ideas because I feel like we could’ve communicated our message more clearly through a different artifact.

What did this artifact mean to me?

Even though the artifact didn’t make much sense and wasn’t perfect, personally it has a lot of meaning to me. To me, it represents our societal construct of feeling the need to constantly put others needs above others. Having been a people pleaser my whole life until recently, I feel like often times we are standing on the center plate getting small maybe harmlessly shocked and are ok with it meanwhile others are thriving. We forget about how each one of us should feel a little harmless shock sometimes and we shouldn’t be the ones bending over backwards for everyone. This artifact demonstrates my personal conflict of deciding wether or not I want to play the shock game and stand in the center plate. Would I much rather be used or use others? Unfortunately the world is like this and it would be nice if the game never existed, but even if we run from it we often find ourselves back at the museum playing the game of the more you suffer the less I suffer.

Recitation 3: Workout

Documentation:

Step 1: We soldered the electronic parts (the wire and the sensor together).

Step 2: We connected the tilt sensor to the breadboard and that to the Arduino Uno to begin coding.

Step 3: Then we re defined the code that was given to us in the recitation instructions and checked if the sensor worked.

Step 4: Once we checked the sensor, we taped it onto Vicky’s arm and ran the code.

Step 5: Try different things to test out the code.

Serial monitor in action

Since I wasn’t able to get good photos of myself, I took a video of one of my partners Tina doing the action of a bicep curl to test the sensor. From this video I took two screenshots (one when her arm was fully extended and one when her arm was curled) which showed that its going to range from a 172 degree angle to a 32 degree angle.

Videos of the process:

The Process pt. 1

The Process pt. 2

Uses for the device:

Some potential uses for a device like this, other than bicep curls, could be other lifting exercises such as deadlifts or squats. Not to mention it could be used to count strokes on a run, which can also help estimate the distance one has ran or walked during a workout.

Reflection:

Some things that I noticed about the behavior of the sensor was that it was very sensitive so it sometimes counted multiple bicep curls if we moved our arm too fast, so if this were a product the warning on it might be to go slow. Another thing to note was that if the sensor is shaken, nothing happens to the counter. When we shook the counter up and down sometimes the counter would count, but side to side there was little to no effect unless we intentionally changed the direction in which the sensor was moving. Personally, I think that this sensor could have many uses in the workout industry. Actually, modern watches already have implemented technology like this one that counts steps, measures movements, and tracks paths. If I were to re-make this project, perhaps I would add a buzzer that beeps every time a bicep curl is complete.

The Code:

*placed at the end due to formatting issues*

int SENSOR_PIN = 2;
int tiltVal;
int counter=0;
void setup() {
pinMode(SENSOR_PIN, INPUT);
Serial.begin(9600);
}
void loop() {
tiltVal = digitalRead(SENSOR_PIN);
Serial.println(tiltVal);
delay(10);put your setup code here, to run once:
{
if(digitalRead(SENSOR_PIN) == HIGH)
{for(int counter = 1 ; counter <= 10; counter = counter +1)
digitalWrite(SENSOR_PIN, HIGH);
delay(250);
digitalWrite(SENSOR_PIN, LOW);
delay(250);
}
else
{
digitalWrite(SENSOR_PIN, LOW);
}

Recitation 2

Circuit 1: Fade

First, I followed the instructions on the Arduino Document posted on the Interaction Lab Recitation Website and access the code Arduino IDE > File > Examples > 03.Analog > Fading and upload it to your Arduino. During this step, I didn’t commit any mistakes since the instructions were simple and easy to follow! They were no errors when I ran the code for the first time!

Circuit 1 Video

Circuit 2: tone-Melody

Next, I accessed the code from Arduino IDE > File > Examples > 02.Digital > toneMelody and upload it to your Arduino. I connected, instead of a LED, a buzzer to the breadboard and ran the code. One mistake I did was that I ran the wrong code which was easily fixable by selecting the tab on Arduino with the actual program, rather than just the defined tones.

Circuit 2 Video

Circuit 3: Speed Game

During this circuit I paired up with Vicky & Tina and we built the speed game circuit. At first, it took us a long time to build the circuit because there was a big mess of cables; but once we sorted the positive charges with red cable, the negative with black, and the other unrelated cables with blue & green we were able to build the circuit. At first we didn’t realize when the 10 seconds started when we ran the program, but other than that the game ran smoothly.

Circuit 3 Video

Interactive Button:

What could make the game more interactive?

Perhaps I would’ve made a button that is bigger and more fun to press since the buttons that were given to us in the kits were rather small and difficult to press. Instead, I would’ve made a button out of cardboard with springs that makes a sound when you press the button. Perhaps, another way to make the game more interactive is adding more sound fonts and a timer to the game so the player knows how much time is left. This would make the game more interactive since it would create more brain stimulus for the player making the experience more pleasurable.

Resistors

We used a 10 kOhm with each button because the resistor provides a connection to Ground, relevant when the button is not pressed. The input pin might occasionally not be connected to anything (be left “floating”) if we omitted this connection, effectively acting as an antenna (reading in random values). Thus, we add a 10 kOhm resistor in what is known as a pull-down resistor arrangement to ensure that we always read low when the button is not pressed. (in-class presentation)

Future Projects

One project that I think would be interesting to use that would apply all the techniques and descriptions of the “Arduino Way ” would be building a lightsaber (like the ones from the Star Wars Disney saga). First of all, we would need to tinker with the design of the hilt, like how to fit the Arduino into it, and the different sound fonts and light sequences we would need to use. Then we could also apply circuit blending to make the lightsaber run smoother. Not to mention, to build the lightsaber hilt I could use different recycled materials to build it such as old keyboards and tech equipment.

The Electronic Guts

https://www.instructables.com/Building-a-Lightsaber/

MrTinkerer, and Instructables. “Build a Lightsaber.” Instructables, Instructables, 31 Jan. 2020, https://www.instructables.com/Building-a-Lightsaber/.

Research Project – Part 1

Research Project- Part 1

The Fan

The Ones Who Walk Away from Omelas by Ursula K. Le Guin

For this story, the artifact I can imagine is a mirror fan. It’s a Chinese styled fan with pieces of shattered mirror inside it so when you open it up in front of someone, all they see is a distorted version of themselves. When light shines on the mirrors, they will project any images you program the mirrors to show. The fan shape also allows for easy storage access (taking it out and putting it away) not to mention the semi circle shape would serve well to capture the light from the sun to create the projections.

Tech fabric

The Veldt by Ray Bradbury

What the tech fabric would do is that it would be made of a malleable material which creates different sensory vibrations and lights up with different colors to calm or soothe the children from the short story ‘The Veldt’. This would allow the parents to have more control over the children since it would be a textile and can be inconspicuous hidden in clothes and blankets, so the children would never have to know. The fabric is made from a soft carbon fiber material and is practically unbreakable to anything, making it child proof. The only issue I could foresee with it, is that if there are internal malfunctioning problems, it would be difficult to open and fix. This is why I would try and make it out of really strong materials that can’t be destroyed.

Recitation 1: Electronics and Soldering

Task 1: What does the circuit do?

The first circuit connects to a button which activates a buzzer when pressed. For this to work we needed both the positive and negative charges of the breadboard to connect to the switch and buzzer.

Unsuccessful trials: Our first trial we accidentally connected the metal plates in the breadboard vertically rather than horizontally as well as not connecting the wires directly into the metal legs of the buzzer. We attempted to solve this problem on our own, but ended up calling Rudi to assist us in connecting the wires. We applied what we learned from this unsuccessful trial to the next two circuits.

The second circuit does the same as the first (activating a buzzer with a button) as well as lighting a led light. For this we needed to add two more wires connecting to the positive and negative charges as well as a resistor.

The third circuit had all the previous components from circuits 1&2 but additionally included another LED light with a dimmer. To achieve this we needed to add a resistor to the positively charged side of the bread board, along with a dimmer on this same side, and a connection to the LED on both positive and negatively charged sides of the breadboard.

Unsuccessful trials: First of all we connected the resistor to a side with the same electrical charge (which is why it didn’t work) and our dimmer was a bad part and started to smoke up. We solved this problem (and avoided a fire hazard) by calling an instructor and asking for an explanation as to why something like this would occur.

Task 2: building a switch

During task 2, we learned the process of soldering which consisted of tipping the solder with metal wire before heating both metal components then melting the wire onto the copper tape. Something that we can both improve on from our first time soldering is to be careful when melting the metal onto the wire. This is so we can avoid piling the metal on top of the wire. Additionally, something we should also keep in mind for next time is to keep the wire down more before soldering so the metal won’t pile up as well.

Task 3: Morse Code Messages

In task 3, we put the paddles together to create a morse code message of our first name initials. We trialed with the paddles before attempting to make a morse code message: we put the paddles together consistently and created a beat. Short after, we learned the morse code of our first name initials and worked together to create the message (we each held one of the paddles).

Video: Morse Code with Vicky & Isa

Acquired Knowledge

What is the function of the resistor R1?

The function of this is to prevent the LED from overheating and burning out due to the large amount of energy coming from the outlet.

Drawing a circuit

Learning Outcomes

The Art of Interactive Design

What is interactivity and how does this circuit include interactivity?

This lab demonstrated the methods of interactivity through speaking, thinking, and listening. Most of these came from the partner aspect of the recitation. Vicky and I have not known each other for long, but I would say we interacted in a way where our thoughts and concerns could be communicated clearly. Not only did it require each one of our personal methods of interaction with the hardware and cognitive thinking, but also as partners with one another.

Zach Lieberman: Interactive Art

How can Interaction Design and Physical Computing be used to create Interactive Art?

Zach Lieberman utilizes physical computing to create a program in which after drawing, the user can move the art around and play with it in a sense. It moves and makes noise creating spikes of interest for a sensory experience for the user.

Marco Pinter: Thermal Gestures

Marco Pinter, an innovative artist featured in art museums across the United States, utilizes thermally sensitive fabrics along with infrared cameras and computer software and hardware (such as a projector) to allow users to create their own art through movements of their body. The way it works is that when a person touches the fabric, it projects a color according to your temperature (determined on the infrared spectrum). This innovative process that Marco Pinter uses is a perfect example of the combination of physical computing and interaction design in order to create not only an enjoyable experience for the user, but also the spectators watching the art getting created.

Thermal Gestures with the Nashville Ballet

http://www.marcopinter.com/Thermal

General Conclusions

Overall, thought this lab I learned a lot about the importance of user interaction with technology since most of the time technology is designed in a way that might not click exactly at first but has a perfectly logical way for being that way (such as the metal plates on the breadboard). Vicky was a great partner to work with not only because we had fun, but also because she helped me understand certain aspects of the circuit such as the use of red and white cables and other important things I often overlooked by mistake. In conclusion, I had a positive experience with this recitation and it made me excited to get started with the course and look forward to future projects.

Citations (MLA):

1. Crawford, C. (2002). Art of interactive design: A euphonious and illuminating guide to building successful software. No

Starch Press, Incorporated. Created from nyulibrary-ebooks on 2022-02-08 10:23:32

2. Pinter, M. (n.d.). Marco Pinter: Thermal Gestures. Thermal gestures. Retrieved September 20, 2022, from

http://www.marcopinter.com/Thermal

3. PopTech. (2022, September 20). Zach Lieberman: Interactive art. Vimeo. Retrieved September 20, 2022, from