Category: Interaction Lab

Posted on

Final Project Reflection “Distorted” – Ariana Alvarez

“DISTORTED” – Made by Ariana Alvarez – Professor Rodolfo Cossovich

The path into finding my idea and truly developing the concept was an extensive one with various ups and downs. I defined interaction as the process in which an agent interacts with another through an action-response process, however with a purpose beyond “looking good”. For this reason, initially my research was more assistive technology oriented, as I wanted to create an object, or develop a game similar to a “hackable” and the xbox adaptive controller which redefined technology and interaction in games. Nevertheless, later on, after attending the Machine Learning workshop and conducting more research I found projects such as ‘Soul Mate’, which changed my inclination. ‘Soul Mate’ is an old radio developed by Vytas Jankausas, which uses text synthesis to read potential romantic partners on Tinder for agents that interact with it, therefore it is a new way of “finding a partner” in a rather non-traditional and outdated presentation. Another project from the same artists was ‘Breaking Views’, a television that displays Instagram stories from feed and collects how many times they are viewed from the agent who’s using it. Both these projects are part of a bigger collection called Domestic Media, in which the artist wanted to critique how new technologies change the way we live and socialize, and to do this he used old technologies in a social media spectrum.

Somestic Media #3 Somestic Media #4

Another project that I encountered which redefined my idea was the Project Implicit “Implicit Differentiation Test” developed by Harvard University, the University of Virginia, and the University of Washington. This project aims to measure the strength of associations between concepts and evaluations of people tip races (eg. white people, good), with the final goal of exploring hidden bias within the users, and that way taking one step in understanding the roots of stereotypes and prejudice in society. 

After analyzing both project ideas that seemed quite diverged, I decided to address a problem that was more close to me and my personal identity, which is race. Using Vytas Jankauskas ‘old technology’ concept, I decided to redefine my project  by creating a vintage camera that showed how despite racism being an ‘outdated’ idea, it was still present in people’s minds and kept on “implicitly” defining us through labels even within college application processes.

CONCEPTION AND DESIGN:

Regarding conception and design, I had very clear since the moment I decided to address “identity” as part of my project, that I wanted to immerse users into a photographic experience. Therefore, the idea of putting them in a “photo booth” type of atmosphere was what initially sparked in my mind. I used this approach after observing how the excessive amount of photography’s and selfies that are being taken daily are what really influence people’s image of their self.

Related image

However, as I was choosing the materials to work with, I realized that it wasn’t going to be as easy to manipulate and would end up being too big for people to really grasp onto the purpose. Therefore, I decided to make this idea into a smaller, easier to laser cut version of a vintage camera, which contained and webcam, Arduino and breadboard inside. 

Image result for vintage camera

The interactive experience was planned to be as follows:

  1. User approaches screen and common application question of “Choose the race you identify the most with” appears
  2. User takes a possible “ID” picture with the camera 
  3. Picture is “processed” based on race consideration
  4. Image reveals redrawn with racial labels and slurs
  5. Follow up-experience to immerse user into the problem (Videos of news and testimonies)
  6. Final message about the goal of the project

FABRICATION AND PRODUCTION:

The most significant steps in the production process was first and foremost figuring out how to create the effects I wanted to in processing, and how to manipulate pixels that same way as well. My initial idea regarded changing a persons skin tone with an inverse filter. However, as I felt the message wasn’t being delivered as strongly as it could be, I decided to change my idea to a rather more descriptive, specific, one.  Therefore, I redefined the idea of pixel manipulating the image that a person took into a more conceptual one. By this I mean that, whenever a person would take a picture of themselves on the webcam inside the camera, then their image would be redrawn with labels and slurs regarding their race. This translated into processing meant using the same idea of drawing ellipses with the original image’s color, but instead of ellipses or shapes, it is words. 

Before the user testing I used to only have one racial slur for each race/ethnicity, however after the user testing I added more labels for each image as people told me that it would be more impactful to see different points of view. Another aspect that changed in the production after user testing, was the user experience, as I also included real-life testimonies of experiences and news of college and racial labels in people’s daily lives. Both of these adaptations were included so that my project goal of making people more aware of racial labelling in college was actually addressed. The experiences for each of the races finalized as following:

Native American

Asian

African American

Hispanic

Whites

Processing Code:

https://gist.github.com/arianaalvarezv/42d333e9eec30b2b7acff6d187745ca0

Arduino Code:

https://gist.github.com/arianaalvarezv/a6de259cce73b1f837e6d7d0975787c3

CONCLUSIONS:

The main goal of this project was to create awareness among a general audience about how the outdated idea of racism still exists today in many aspects of our life such as racial labelling in college applications. I further wanted to show how these different stereotypes are distorting our identities by putting us into certain groups that we may not even distinguish ourselves at. Therefore, the project was also meant to serve as a critique against the college application system for basing admissions on race as well. My project aligns with my idea of interaction as it indeed involves an action-response relationship between user, screen and camera. The user inputs a response and picture, and in return processing responds with different outputs in redrawing the image and videos. However, even though it does not completely align with my definition of interaction as it does not serve the purpose of helping someone else, it still has a purpose beyond being a “pretty camera”. It has the purpose of educating people, or at least easing the “racial labels” conversation, as nowadays it is a very hard topic to talk about without offending anyone else. 

Based on the final presentation and the IMA show, I was very happy to see the positive audience’s response to my project. It was very interesting to see how they initially were hesitant to interact with it as they thought it was merely a “cute camera”, but later on when it redrew their face with very strong labels, their face changed completely and understood somewhat the message I wanted to convey. I received much positive feedback and comments for further improvement. 

 

If I had more time, I would improve the scope of the project, maybe make it on a bigger screen, or have more options for multiracial users. As well as I would have probably included more statistics on the consequences of these racial labels after college in places like the workforce and family income. From my setbacks I have learned the importance of developing a strong concept before initiating a project, and ensuring it is something that you are passionate in working for and researching about. As well as the importance of immersing users into an environment that is familiar with them as well, that way they can understand your goal better without having too many doubts. Whereas from my accomplishments I can take away the different ways in which technology and interactivity can be used to prove a point, and how the scope of projects that can be done and created is beyond what is learned in class, and the more curious and playful you get with code, the more things you discover you can do that will help your project. 

This project was of great importance to me, as it is an experience that I have faced before personally. There have been instances in which my identity has been distorted based on the racial labels regarding my race. For this reason, I wanted to bring it up upon the public eye, not only for awareness, but also for action. I believe that the reason why everybody should “care” about this topic, is because they need to acknowledge what’s going on first, in order to address the issue. Everyone thinks that “racism” is outdated as “everyone knows it’s bad”, however, has it truly disappeared? Is it truly nonexistent? It is not. Are we still labeled based on stereotypes? Yes we are. However as long as we don’t let what others think of us distort our identity, then we are taking one step for action against racial inaction. 

REFERENCES:

https://vjnks.com/works/5/somestic-media

https://www.tolerance.org/professional-development/test-yourself-for-hidden-bias

https://implicit.harvard.edu/implicit/iatdetails.html

Posted on

Processing Basics

Introduction

The goal of this recitation was to learn the basics of the Processing IDE through recreating a piece of art and then modifying it for our own. 

Process

For my project, I chose to recreate Josef Albers’ Homage to the Square: Apparition. 

<- Original

<- My creation (I tried to screenshot the computer screen, but the WordPress would not let me paste it into the post)

To make mine different, I tried to get every layer to change to the same color as the background but was only able to get the outer layer to follow suit correctly.

Reflection

I think Processing was a perfectly good media to recreate the original Homage to the Square because using a different media and once again paying homage to the square. 

Code

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

void draw()
{
background(0);
rectMode(CENTER);
stroke(0, 155, 47); //green
fill(0, 155, 47);
rect(width/2, height/2+20, 176, 176);
stroke(62, 155, 203); //blue
fill(62, 155, 203);
rect(width/2, height/2+30, 136, 136);
stroke(207, 208, 209); //gray
fill(207, 208, 209);
rect(width/2, height/2+40, 96, 96);
stroke(245, 223, 20); //yellow
fill(245, 223, 20);
rect(width/2, height/2+48, 56, 56);
if(mouseX >= 272 && mouseX <=328 && mouseY>= 320 && mouseY<= 376)
{
background(0);
stroke(0); //turn yellow square
fill(0);
rect(width/2, height/2+48, 56, 56);
stroke(0, 155, 47); //green
fill(0, 155, 47);
rect(width/2, height/2+20, 176, 176);
stroke(62, 155, 203); //blue
fill(62, 155, 203);
rect(width/2, height/2+30, 136, 136);
stroke(207, 208, 209); //gray
fill(207, 208, 209);
rect(width/2, height/2+40, 96, 96);

}
if(mouseX >= 252 && mouseX <=348 && mouseY>= 292 && mouseY<= 388)
{
background(0);
stroke(0); //turn gray square
fill(0);
rect(width/2, height/2+40, 96, 96);
stroke(0, 155, 47); //green
fill(0, 155, 47);
rect(width/2, height/2+20, 176, 176);
stroke(62, 155, 203); //blue
fill(62, 155, 203);
rect(width/2, height/2+30, 136, 136);
stroke(245, 223, 20); //yellow
fill(245, 223, 20);
rect(width/2, height/2+48, 56, 56);
}
if(mouseX >= 232 && mouseX <=368 && mouseY>= 262 && mouseY<= 398)
{
background(0);
stroke(0); //turn blue square
fill(0);
rect(width/2, height/2+30, 136, 136);

stroke(0, 155, 47); //green
fill(0, 155, 47);
rect(width/2, height/2+20, 176, 176);
stroke(207, 208, 209); //gray
fill(207, 208, 209);
rect(width/2, height/2+40, 96, 96);
stroke(245, 223, 20); //yellow
fill(245, 223, 20);
rect(width/2, height/2+48, 56, 56);
}
if(mouseX >= 212 && mouseX <=388 && mouseY>= 232 && mouseY<= 408)
{
stroke(0); //turn green square
fill(0);
rect(width/2, height/2+20, 176, 176);
stroke(62, 155, 203); //blue
fill(62, 155, 203);
rect(width/2, height/2+30, 136, 136);
stroke(207, 208, 209); //gray
fill(207, 208, 209);
rect(width/2, height/2+40, 96, 96);
stroke(245, 223, 20); //yellow
fill(245, 223, 20);
rect(width/2, height/2+48, 56, 56);

}
}

Homework

Part 1

void setup()
{
size(600, 600);
rectMode(CENTER);
background(255);
strokeWeight(10);
rect(width/2, height/2, 100, 100);
}

Part 2

float x = 300;
float y = 300;
float w = 100;
float h = 100;
float speedW = 5;
float speedH = 5;

void setup()
{
size(600, 600);
rectMode(CENTER);
background(255);
strokeWeight(10);
//frameRate(5);
rect(x,y, w, h);
}

void draw()
{

background(255);
rectMode(CENTER);
rect(x, y, w, h);
if ((speedW+w> width) || (speedW+w <0))
{
speedW = -speedW;
speedH = -speedH;
}
w = w+speedW;
h = h+speedH;
}

Part 3

float x = 300;
float y = 300;
float w = 100;
float h = 100;
float speedW = 5;
float speedH = 5;

void setup()
{
size(600, 600);
rectMode(CENTER);
background(255);
strokeWeight(10);
//frameRate(5);
rect(x,y, w, h);
}

void draw()
{
stroke(random(255),random(255),random(255));
background(255);
rectMode(CENTER);
rect(x, y, w, h);
if ((speedW+w> width) || (speedW+w <0))
{
speedW = -speedW;
speedH = -speedH;
}
w = w+speedW;
h = h+speedH;
}

Part 4

float x = 300;
float y = 300;
float w = 100;
float h = 100;
float speedW = 5;
float speedH = 5;
float colors;

void setup()
{
size(600, 600);
rectMode(CENTER);
background(255);
strokeWeight(10);
frameRate(100);
rect(x,y, w, h);
colorMode(HSB);
}

void draw()
{
stroke(colors,255,255);
background(255);
rectMode(CENTER);
strokeWeight(10);
if (colors>=255) colors = 0;
else colors++;
stroke(colors,255,255);
rect(x, y, w, h);
if ((speedW+w> width) || (speedW+w <0))
{
speedW = -speedW;
speedH = -speedH;
}
w = w+speedW;
h = h+speedH;
}

void keyPressed()
{
if (key == CODED)
{
if (keyCode == UP)
{
y = y – 5;
}
else if (keyCode == DOWN)
{
y = y + 5;
}
else if (keyCode == LEFT)
{
x = x – 5;
}
else if (keyCode == RIGHT)
{
x = x + 5;
}
}
}

Reflection

I think the most interesting function to use during this recitation was the keyPressed function and specifically checking if a key was coded to make sure you got the right key. 

Posted on

Final Project Essay (New) — Jiayi Liang (Mary)

Project Title Happiness Vending Machine

Project Statement of Purpose

This project is an interactive vending machine that sells happiness. Happiness here is “those happy moments that can make someone feel happy”. It can be a small incident in life, an interesting pictures, or a beautiful song. You do not need money to purchase the product since “happiness” is one thing that cannot be valued. All you need to do is to stand in front of the machine, raise your hand to collect the “happy power” and wait for a little while. Then, you can use your happy power to purchase a happy moment shared by others.

Nowadays, living in a big city like Shanghai, many people are feeling stressful. They are always stepping into a bad emotional mood that they lose hope and feel sorrowful. In China, there is a popular new word called “丧文化“ –“disheartenment culture”, which means that people’s pessimistic attitudes towards life is so prevailing that it even has become a culture. The project aims at sharing happiness to every person in the society who needs comfort.  The reason why I decide to call it “vending machine” instead of “happiness sharing machine” or something else is that I want to tell people although you should work super hard to get what you want in your daily life, here is one small vending machine that costs almost nothing, one moment that you can enjoy your laziness. You are justified to get good things without paying.

Project Plan

 My project aims at producing a vending machine that looks like a vending machine. To make my project come true, I point out several important steps I have to complete in each specific time. The first step is to collect happiness. What I want to do is to use the social website to collect the happy moments shared by my friends ranging from classmates to net friends.  Step 1 is due in 11.27 . The second step is to process these information into funny pictures to increase its interestingness. I decide to use a phone app called “butter camera” to produce images. Step 2 is due in 12.1. The third step is to write the code to realize the main part — it you purchase a product, it will show you the pictures or songs. And I will also write codes to add the “happy power system” into the project. The coding work’s due date will be 12.7. Step 4 is to make the vending machine model by use the wood laser cut technology and connect the model with computer by using arduino. The 4th due date will be 12.10. In the following days I will work on adding more instructions and more funny interactions. For example, the way to gain power can be evolved into playing a quick game. The final project will be a vending machine model that will show images of cute images or interesting songs to the users who want to be happier.

Context and Significance

I was originally inspired by a Japanese Cartoon called <Grief Grocery Store> written by Haruki Murakami. In this book, there is a grocery store. If you send letter to it to talk about your grief, the owner will write some advice and encouraging words as a response. Since people’s grief can be shared, how about sharing people‘s happiness? This book gives me inspiration on the idea of selling happiness.

Then I work on how to find which kind of happiness to sell since happiness is the thing that is very abstract. I have read a book written by Haruki Murakami called <Langerhans island afternoon>. In the book, he raise a concept called “a little happiness in hand”.  As normal people living in such a big city, it is impossible to have the chance to experience exciting events like those happening in Hollywood. In fact, most of us lives a plain life that is repetitive and boring. So, it is much more important for us to discover the tiny but good things in our life in pursuit of happiness. In most cases, the reason why you feel upset is that you ignore the good side in your life.

Then I work on deciding what kind of machine I am going to build. Recently I am really addicted to collecting a kind of toy called ”blind box”. Blind box usually refers to a small cartoon figure. The figure is packed in a box that the buyer cannot know what the figure looks like before buying it. A series of blind box often includes 8 to 10 different figures. It is fun to collect it because the figure is very adorable. The process of guessing what my figure will look like and unpacking the blind box is exciting and funny. In many shopping marts, you can find vending machines that sells blind box. This kind of “not knowing what the machine will sells to me” adds playfulness in the blind box industry. Thus, I am going to build a vending machine that randomly sell happy moments to the buyers, which make them feel more surprised.

Thus, based on my research, my proposal is that creating a vending machine that randomly sells tiny but certain happiness to those who feel depressed.

My project aligns with our definition of interaction because there is a procedure of “input, process and output” as Crawford claimed . The vending machine interacts with the audience by noticing the users’ action to collect “happy power”, receiving their request of buying happiness, and offer them a funny picture of music as an output. The uniqueness about my project is that it is raising people’s awareness on the tiny but certain beautiful moments in their life. By sharing them an adorable cartoon image, they feel more relaxed and happier. This vending machine create a utopia space that is different from the busy and boring social life. In front of the machine, you can get rid of the busy life and confusing material stuffs, gaining pure happiness without paying money. All you need to do is spend a little time to relax and enjoy the happy moments.

For the subsequent projects, I will add one more function to the vending machine to make it more interactive. The buyer can upload their own happy moments to the machine too. Thus, the project can also work as an illustrated handbook that record people’s various kinds of happiness.

Work Cited

http://en.people.cn/n3/2017/0712/c90782-9240823.html

The Art of Interactive Design, Crawford (pages 1-5)

Posted on

Fnl Prjct: Reflection by ChangZhen from Inmi’s Session

Project Title: Won Color el Stage

Descriptions of the project can be found in my last article. No big deviation from the initial configuration. https://wp.nyu.edu/shanghai-ima-documentation/foundations/interaction-lab/cx592/fnl-prjct-essay-by-changzhen-from-inmis-session/

1. The Strategy

Three players must cooperate as importantly as compete to win the game. After all, mixed color indicates it’s at least two colors.

If only one player inputs too much, the score would go to one of her opponent. E.g. If it’s solely red who inputs, mixed color will be judged purple instead of orange that’s counted to be her score.

If they three input too much, the score decreases for all. The larger input for each, the worse decrease.

2. Digital Design

The video parts will be displayed on 1920*1080 (16:9) TV screen. The video image is made of the MikuMikuDance video in the center, three primary colors on the left with each party’s score, mixed color on the right, and the match on the top.

3. Physical Design

The circuit is hidden in a triangular prism. There are holes laser cut on each side face to fix an ultrasonic distance sensor and an LED indicating her input color. The sensor senses the distance on each side 0~30cm, and the brightness of the LED changes in response. The prism is made of shiny reflexible materials, because it’s designed to be a stage. Around each angle of its top is pasted a small paper with the anime idol printed on.

To my surprise, the ultrasonic distance sensor requires a library and is connected to digital pin on arduino. This sketch is symmetrical for each player.

4. Objections and Suggestions to This Project

Marcella firstly suggests I get rid of the video and let the event just happen on the physical stage. The idol who holds stage will be identified by color stage lights. Secondly, she puts forward the reason that if three players watch the screen in the same direction, the triangular prism design loses its meaning. Thirdly, the input method may be better if it’s to sense the movements of the player dancing. As for the first, I regret not to have taken this advise, because I had limited time to make adjustment. As for the second, I think VR glasses instead of a TV on one side will also make players play face to face forming a triangle. Her third idea is awesome.

Christina Bowllan and her friend objected to the video content. By negligence, I didn’t take feminists like them into account. If I had known that who knew little about anime, comics, and games will not accept the artistic appearance of such anime female characters dancing, I would change the content like I didn’t adopt the idea of mixing color to draw flags, which is political. I might choose landscape videos or so.

Professors suggested I reveal each party’s score so that players know it’s a match and knows where they’re more clearly. I adjusted that on the IMA festival day. And I dismantle the paper cover tent above the stage by their suggestion to make the stage easier on the eyes.

5. Conclusions

Marcella and other professors’ suggestions remind me that each component of the project shall have a focused purpose to account for what the project is about and how it’s played.

The feminists’ objections remind me that I shall consider when and where a project is allowed. It’s intended for all in the context of this inter lab class, so I shall make it acceptable to all.

The core of this project is its strategy. It suggests the real life situations. Victory doesn’t come to a single person; it comes to groups that corporate and compete. So the strategy can be applied to more than this idol dancing thing to create other colorful intellectual projects.

Arduino Code

//include distance sensor and hook up to digital pin 2, 4, 7

#include “Ultrasonic.h”
Ultrasonic s1(2);
Ultrasonic s2(4);
Ultrasonic s3(7);

void setup() {
Serial.begin(9600);
}

void loop() {

//read the distance in cm

int d1 = s1.MeasureInCentimeters();
int d2 = s2.MeasureInCentimeters();
int d3 = s3.MeasureInCentimeters();

//restrict the range within 30cm

if(d1 > 30) {
d1 = 30;
}
if(d2 > 30) {
d2 = 30;
}
if(d3 > 30) {
d3 = 30;
}

//control the brightness of color LED according to the distance

analogWrite(9,255-d1*255/30);
analogWrite(10,255-d2*255/30);
analogWrite(11,255-d3*255/30);

//serial communicate to processing

Serial.print(d1);
Serial.print(“,”);
Serial.print(d2);
Serial.print(“,”);
Serial.print(d3);
Serial.println();
}

Processing Code

import processing.serial.*;
import processing.video.*;
import processing.sound.*;

//create instance; movie is the video of the dancing idol of that color; BGM is background music

Movie orange;
Movie green;
Movie purple;
SoundFile BGM;

String myString = null;
Serial myPort;

//3, because there are three datas for each idol in one serial line

int NUM_OF_VALUES = 3;
int[] sensorValues;

//mixed color

color c;

//r, y, b are the incremental score counted by millis(); O, G, P are the accumulative scores of each player

long red = 0;
long yel = 0;
long blu = 0;
long Ora = 0;
long Gre = 0;
long Pur = 0;

// play BGM only once

boolean play = true;

void setup() {
//TV screen size

size(1920, 1080);
noStroke();
background(0);
setupSerial();

//get the files

orange = new Movie(this, “orange.mp4”);
green = new Movie(this, “green.mp4”);
purple = new Movie(this, “purple.mp4”);
BGM = new SoundFile(this, “BGM.mp3”);
textSize(128);
fill(255);
text(“mix”, 1655, 450);
}

void draw() {
updateSerial();
printArray(sensorValues);
//m1, 2, 3 are multipliers, the input amount, derived from distance 

float m1 = 1-float(sensorValues[0])/30;
float m2 = 1-float(sensorValues[1])/30;
float m3 = 1-float(sensorValues[2])/30;

//play BGM only once

if (play == true) {
BGM.play();
play = false;
}

//display each’s color and the mixed on screen as rectangles

fill(255, 255-255*m1, 255-245*m1);
rect(0, 0, 288, 360);
fill(255, 255-10*m2, 255-255*m2);
rect(0, 360, 288, 360);
fill(255-255*m3, 255-105*m3, 255);
rect(0, 720, 288, 360);
c = color(255-255*m3, 255-(255*m1+10*m2+105*m3)*255/370, 255-(245*m1+255*m2)*255/500);
fill(c);
rect(1632, 540, 288, 360);

//judge the mixed color and who earns score at the moment; whose accumulative score is highest, whose idol’s video shall be played

if (m1+m2+m3 < 2.4) {
if (m1+m2 > 3*m3 && m2 > 0.1) {
red = millis()-Ora-Gre-Pur;
Ora += red;
}
if (m2+m3 > 3*m1 && m3 > 0.1) {
yel = millis()-Ora-Gre-Pur;
Gre += yel;
}
if (m3+m1 > 3*m2 && m1 > 0.1) {
blu = millis()-Ora-Gre-Pur;
Pur += blu;
}
}
if (m1+m2+m3 > 2.4) {
Ora -= 100*(m1)/(m1+m2+m3);
Gre -= 100*(m2)/(m1+m2+m3);
Pur -= 100*(m3)/(m1+m2+m3);
orange.stop();
green.stop();
purple.stop();

}
println(Ora);
println(Gre);
println(Pur);

textSize(128);
if (Ora > Gre && Ora > Pur) {
if (orange.available()) {
orange.read();
}
fill(0);
rect(288, 0, 1632, 324);
fill(255);
text(“Orange Girl on Stage”, 350, 200);
orange.play();
green.stop();
purple.stop();
image(orange, 288, 324, 1344, 756);
}
if (Gre > Ora && Gre > Pur) {
if (green.available()) {
green.read();
}
fill(0);
rect(288, 0, 1632, 324);
fill(255);
text(“Green Girl on Stage”, 350, 200);
green.play();
orange.stop();
purple.stop();
image(green, 288, 324, 1344, 756);
}
if (Pur > Gre && Pur > Ora) {
if (purple.available()) {
purple.read();
}
fill(0);
rect(288, 0, 1632, 324);
fill(255);
text(“Purple Girl on Stage”, 350, 200);
purple.play();
orange.stop();
green.stop();
image(purple, 288, 324, 1344, 756);
}

//end of game and show who wins

if(millis() >= BGM.duration()*1000) {
background(0);
fill(255);
if (Ora > Gre && Ora > Pur) {
text(“Orange Girl Wins Stage!”, 240, 500);
}
if (Gre > Ora && Gre > Pur) {
text(“Green Girl Wins Stage!”, 240, 500);
}
if (Pur > Ora && Pur > Gre) {
text(“Purple Girl Wins Stage!”, 240, 500);
}
}
fill(0);
textSize(32);
text(int(Ora), 20, 180);
text(int(Gre), 20, 540);
text(in(Pur), 20, 900);
}

void setupSerial() {
printArray(Serial.list());
myPort = new Serial(this, Serial.list()[3], 9600);

myPort.clear();
myString = myPort.readStringUntil(10);
myString = null;

sensorValues = new int[NUM_OF_VALUES];
}

void updateSerial() {
while (myPort.available() > 0) {
myString = myPort.readStringUntil(10);
if (myString != null) {
String[] serialInArray = split(trim(myString), “,”);
if (serialInArray.length == NUM_OF_VALUES) {
for (int i=0; i<serialInArray.length; i++) {
sensorValues[i] = int(serialInArray[i]);
}
}
}
}
}