November 26th, 2013
Influenza (an Infectious disease that is easily transmitted by contact with an ill person or their secretions) kills about 250,000 to 500,000 worldwide each year.
The most common symptoms are chills, fever, runny nose, sore throat, muscle pains, headache (often severe), coughing, weakness/fatigue and general discomfort. While in the planning stages of my final project, I noticed that many of my classmates (including myself) were complaining about these symptoms....I am not actually a huge proponent of getting the flu shot, however, I am interested in health promotion and devoting my time at ITP to using technologies for knowledge transfer and exchange!
For my final, I decided to make an animation that would demonstrate how illness (specifically, the flu) might spread at ITP. At first, I wanted to incorporate data that i collected using an online survey (found here: SURVEY). Unfortunately, I found that because of time constraints and the huge task of animating simple, timed movements, I could not add the data component.
Video (apologies for the quality)
start of spread
full blown !
mouse click feature demonstrating the effects of innoculation
Week 10
November 12th, 2013
FINAL PROJECT IDEAS...
Week 9
November 6th, 20013
Data!!!!
Week 7
October 23rd, 2013.
3D, images and more arrays!
Week 5
Oct 8th, 2013.
Objects, arrays, imported pictures and rotations!
The CODE:
import ddf.minim.*;
Minim minim;
AudioPlayer player;
float x=0;
float y=0;
float yPos=0;
float speed=10;
float gravity=.1;
float angle=0;
boolean drawTheDinosaur;
PImage dinoImage;
PImage dinoflipImage;
Dino[] dinos = new Dino[10];
Dinoflip[] dinosflip = new Dinoflip[10];
void setup () {
size(800, 1000);
smooth();
drawTheDinosaur = false;
dinoImage=loadImage("dino.png");
dinoflipImage=loadImage("dinoflip.png");
}
void draw() {
frameRate(20);
background(135,206,250);
fill(205, 183, 158);
stroke(25);
rectMode(CENTER);
rect(400, 800, 900, 500);
fill(160,82,45);
rect(400, 550, 900, 5);
//ROTATE EGG
pushMatrix();
translate(width/2, yPos);
//Axis
rotate(PI/2+angle);
fill(24, 167, 181);
stroke(100);
ellipse(x, y, 150, 178);
//popMatrix();
//rotation speed
angle -= radians(2);
popMatrix();
//FALL
yPos=yPos+speed;
speed=speed+gravity;
if (yPos>500) {
speed=speed*-.5;
angle= radians(0);
createShape();
beginShape();
fill(0);
vertex(width/2+60, yPos+20);
vertex(width/2+15, yPos+2);
vertex(width/2+15, yPos+4);
vertex(width/2+30, yPos+6);
vertex(width/2-20, yPos+30);
vertex(width/2+10, yPos-30);
vertex(width/2+20, yPos+14);
vertex(width/2+30, yPos+26);
vertex(width/2+10, yPos+6);
vertex(width/2+30, yPos-30);
vertex(width/2-30, yPos+28);
vertex(width/2+30, yPos-30);
vertex(width/2+15, yPos+14);
vertex(width/2+25, yPos+26);
vertex(width/2-35, yPos+6);
vertex(width/2+20, yPos+10);
vertex(width/2+10, yPos+75);
vertex(width/2+20, yPos+24);
vertex(width/2+30, yPos+16);
endShape(CLOSE);
}
if (drawTheDinosaur == true) {
//stopMovingEgg();
minim = new Minim(this);
player= minim.loadFile("JP.wav");
player.play();
for (int i=0;i<dinos.length;i++) {
dinos[i].displayDino();
dinosflip[i].displayDinoflip();
}
}
}
void mousePressed() {
drawTheDinosaur = true;
for (int i=0;i<dinos.length;i++) {
dinos[i] = new Dino(width/2-188, yPos-270);
dinosflip[i] = new Dinoflip(width/2-188, yPos-270);
}
}
//void stopMovingEgg() {
// speed=0;
// angle= radians(0);
//}
void drawTheDinosaur() {
createShape();
beginShape();
fill(50);
noStroke();
vertex(width/2+60, yPos+20);
vertex(width/2+15, yPos+2);
vertex(width/2+15, yPos+4);
vertex(width/2+30, yPos+6);
vertex(width/2-20, yPos+30);
vertex(width/2+10, yPos-30);
vertex(width/2+20, yPos+14);
vertex(width/2+30, yPos+26);
vertex(width/2+10, yPos+6);
vertex(width/2+30, yPos-30);
vertex(width/2-32, yPos-28);
vertex(width/2+30, yPos-30);
vertex(width/2+15, yPos+14);
vertex(width/2+25, yPos+26);
vertex(width/2-35, yPos+6);
vertex(width/2+20, yPos+10);
vertex(width/2+10, yPos+75);
vertex(width/2+20, yPos+24);
vertex(width/2+30, yPos+16);
endShape(CLOSE);
//fill(90);
//ellipse(width/2+10, yPos+5, 30, 35);
}
void stop()
{
// always close Minim audio classes when you are done with them
player.close();
// always stop Minim before exiting
minim.stop();
super.stop();
}
class Dino{
PImage dino;
float dinoX,dinoY,yPos, widthx,heighty,a,b;
Dino(float tempX, float tempY){
dinoX=tempX;
dinoY=tempY;
dino=dinoImage;
}
void displayDino(){
image(dino,dinoX,dinoY, 400,600);
dinoX=dinoX+random(-55.5,25);
dinoY=dinoY+random(-30,50);
dinoX=constrain(dinoX,-300,width);
dinoY=constrain(dinoY,0,height);
}
}
class Dinoflip{
PImage dinoflip;
float dinoflipX,dinoflipY,a,b;
Dinoflip(float tempX, float tempY){
dinoflipX=tempX;
dinoflipY=tempY;
dinoflip = dinoflipImage;
}
void displayDinoflip(){
image(dinoflip,dinoflipX,dinoflipY, 400,600);
dinoflipX=dinoflipX+random(-25,55.5);
dinoflipY=dinoflipY+random(-30,50);
dinoflipX=constrain(dinoflipX,-100,width);
dinoflipY=constrain(dinoflipY,0,height);
}
}
Week 4
Oct 1st, 2013.
Object Arrays: Multiplicity
The CODE:
Claire [] clairesies=new Claire [100];
void setup(){
size(1000,1000);
smooth();
for(int i=0; i < clairesies.length; i++){
clairesies[i]= new Claire(random(70,900),650);
}
}
void draw(){
background(random(0,255), 230, 240);
for(int i=0;i<clairesies.length; i++){
clairesies[i].display();
clairesies[i].dance();
frameRate(15);
}
if(mousePressed){
fill(255);
rect(200,800,600,150);
stroke(0);
line(415, 800, 415, 760);
line(445, 800, 445, 760);
fill(255, 90);
ellipseMode(CORNER);
ellipse(415, 760, 30, 5);
fill(205,175,149);
rectMode(CORNER);
rect(415, 770, 30, 30);
textSize(75);
fill(255, 0,0);
text("LAST CALL!", 70, 150);
line(265,160, 100, 230);
}
}
/////////CLASS
class Claire{
//claire variables
float x,y;
Claire(float tempX, float tempY){
x=tempX;
y=tempY;
}
//move claire
void dance(){
x=x+random(-100,100);
y=y+random(-10,10);
x=constrain(x,0,width);
y=constrain(y,0,height);
}
//display
void display(){
ellipseMode(CENTER);
rectMode(CENTER);
//HAIR
fill(0);
stroke(0);
ellipse(x,y,210,310);
//neck
fill(255, 210, 200);
ellipseMode(CENTER);
ellipse(x,y+115,65,190);
//face
fill(255, 210, 200);
ellipseMode(CENTER);
ellipse(x,y-40,135,180);
//mouth
fill(255,0,0);
//stroke(255,0,0);
arc(x, y+13, 45, 18, 0, PI);
//nose
fill(255, 210, 200);
stroke(0);
//arc(x-7, y-5, x-285, y-145, PI*3/2);
stroke(0);
//arc(x+8, y-5, x-285, y-145, 0,PI/2);
//BRIDGE
fill(255, 210, 200);
stroke(0);
ellipseMode(CENTER);
ellipse(x,y-20,24,50);
fill(255, 210, 200);
stroke(255,210,200);
ellipseMode(CENTER);
ellipse(x,y-28,37,50);
//hair
fill(0);
stroke(0);
rect(x,y-105,116,50);
//body
fill(0);
stroke(0);
rect(x,y+245,120,340);
//boobs
fill(0);
stroke(0);
ellipseMode(CENTER);
ellipse(x,y+135,145,100);
//butt
fill(0);
stroke(0);
ellipseMode(CENTER);
ellipse(x,y+245,145,100);
//leg hole
stroke(0, 230, 240);
fill(random(0,255), 230, 240);
rectMode(CENTER);
rect(x,y+355,50,130);
//left foot
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(x-105,y+400,x-15,y+445);
//right foot
ellipseMode(CORNERS);
ellipse(x+20,y+400,x+110,y+445);
//arms
line(x,y+145,x-220,y+5);
line(x+40,y+70,x+140,y+220);
//lefthand
ellipseMode(CORNERS);
ellipse(x-240,y-5,x-205,y+15);
//righthand
ellipseMode(CORNERS);
ellipse(x+140,y+215,x+175,y+235);
//left thumb
ellipseMode(CORNERS);
ellipse(x-207,y-15,x-202,y+5);
//right thumb
ellipseMode(CORNERS);
ellipse(x+140,y+220,x+145,y+240);
//shoes
//left shoe
fill(0);
line(x+205, y+445,x-15, y+445);
ellipse(x-105,y+400,x-15,y+445);
//right shoe
line(x+20, y+445, x+110, y+445);
ellipse(x+20,y+400,x+110,y+445);
//right eye
fill(255);
stroke(0);
ellipseMode(CENTER);
ellipse(x+30,y-45,28,15);
//left eye
fill(255);
stroke(0);
ellipseMode(CENTER);
ellipse(x-30,y-45,28,15);
//right pupil
fill(0);
ellipseMode(CENTER);
ellipse(x+30,y-45,10,10);
//left pupil
fill(0);
ellipseMode(CENTER);
ellipse(x-30,y-45,10,10);
//LEFT sock
stroke(0);
fill(255);
rectMode(CORNER);
rect(x-62,y+385,38,14);
//RIGHT sock
stroke(0);
fill(255);
rectMode(CORNER);
rect(x+24,y+385,38,14);
//CHAINZ
fill(0);
stroke(255,215,0,200);
arc(x,y+100,70,125,0,PI);
//left brow
fill(255, 210, 200);
stroke(0);
arc(x-31,y-57,30,9,-PI,0);
//right brow
fill(255, 210, 200);
stroke(0);
arc(x+31,y-57,30,9,-PI,0);
}
}
Week 3
Sept 23th, 2013.
"Hauling Ass" By Claire K-V and Corey B. Here's an interactive sketch that uses loops, objects and CARS!
The Code:
MAIN PROGRAM
float sC2=0;
float y=990;
float y1=0;
//float d=mouseX;
Car c1;
Car c2;
Car c3;
Car c4;
Car c5;
void setup() {
c1 = new Car(color(244,10,0), width/4+122, 0, .5);
c2 = new Car(color(0,100,255), width/4+28, 0, .1);
c3 = new Car(color(200,150,0), width/4+28, 200, .1);
c4 = new Car(color(0,200,10), width/4+28, -150, .1);
c5 = new Car(color(100,200,10), width/4+250, 290, .1);
size (600, 1000);
smooth();
}
void draw() {
if(mousePressed){
c2 = new Car(color(0,100,255), mouseX-85, mouseY+20, 1.5);
}
background(0, 250, 150);
fill(175);
//background ROAD
rectMode(CENTER);
rect(width/2, height/2, 400, height);
fill(255, 222, 173);
rectMode(CENTER);
rect(width/4-50, height/2, 20, height);
fill(255, 222, 173);
rectMode(CENTER);
rect(width/4+350, height/2, 20, height);
//ROAD lines
for (y1=height;y1>0;y1-=35) {
noStroke();
fill(230, 210, 0);
rect(width/2, y, 10, 55);
//rect(width/2, y+170, 10, 55);
//rect(width/2, y+340, 10, 55);
//rect(width/2, y+510, 10, 55);
y=y-2;
if(y<0){
y+=height;
}
}
c1.display();
c1.move();
c2.display();
c2.move();
c3.display();
c3.move();
c4.display();
c4.move();
c5.display();
c5.move();
}
NEW TAB
class Car{
color co;
float xpos;
float ypos;
float yspeed;
Car (color tempCo, float tempXpos, float tempYpos, float tempYspeed){
co=tempCo;
xpos=tempXpos;
ypos=tempYpos;
yspeed=tempYspeed;
}
void display(){
stroke(0);
//tires
fill(0);
rectMode(CENTER);
rect(xpos+78, ypos-15,8, 22);
rect(xpos+121, ypos-15,8, 22);
rect(xpos+78, ypos+17,8, 22);
rect(xpos+121, ypos+17,8, 22);
//CARBODY
fill(co);
rectMode(CENTER);
rect(xpos+100, ypos, 40, 80);
ellipseMode(CENTER);
ellipse(xpos+100, ypos, 27, 41);
ellipseMode(CENTER);
ellipse(xpos+78, ypos+10,8, 5);
ellipse(xpos+121, ypos+10,8, 5);
//windshieldzzz front
beginShape();
fill(0);
vertex(xpos+88, ypos+10);
vertex(xpos+87, ypos+25);
vertex(xpos+113, ypos+25);
vertex(xpos+112, ypos+10);
endShape(CLOSE);
//WS back
beginShape();
vertex(xpos+87, ypos-9);
vertex(xpos+88, ypos-21);
vertex(xpos+112, ypos-21);
vertex(xpos+112, ypos-9);
endShape(CLOSE);
}
void move(){
ypos=ypos+yspeed;
if (ypos>height){
ypos=ypos-height;
}
}
}
Sept 17th, 2013.
This week, we were put to the task of creating an interactive sketch. Mine, is of a dark and rainy day. If you push any key, lightning flashes (lightning not pictured below). When you move the mouse to the left side of the screen, the rain moves away, the sun appears and the sky turns blue.
The Code:
int x1=100;
int x2=200;
int x3=300;
int x4=350;
int x5=400;
int x6=550;
int x7=625;
float y=0;
float y1=125;
float y2=275;
float y3=420;
float y4=-125;
float g1=random(200,255);
float g2=random(200,255);
float g3=random(190,255);
float b=0;
void setup() {
size(700, 700);
stroke(0);
smooth();
frameRate(240);
}
//lightning
void keyPressed(){
background(255,255,b);
frameRate(40);
}
void draw() {
background(0,0,b);
frameRate(340);
strokeWeight(1);
//sidewalk
fill(200);
rect(0,475,700,700);
stroke(0);
line(0,475,800,475);
line(0,675,800,675);
line(170,475,0,675);
line(360,475,290,675);
line(560,475,590,675);
//heart
fill(255,0,50);
noStroke();
ellipse(mouseX-55,300,random(45,50),random(45,50));
ellipse(mouseX-95,300,random(45,50),random(45,50));
triangle(mouseX-119, 307, mouseX-31,307,mouseX-75,random(370,377));
//SUN
fill(255,255,0);
ellipse(mouseX-645,100,100,100);
//cloud
fill(g1);
ellipse(175,50,70,70);
fill(g1);
ellipse(150,50,60,50);
fill(g1);
ellipse(210,50,50,50);
fill(g2);
ellipse(370,65,100,100);
fill(g2);
ellipse(345,65,90,80);
fill(g2);
ellipse(305,65,60,60);
fill(g2);
ellipse(405,65,60,60);
fill(g3);
ellipse(550,50,80,70);
fill(g3);
ellipse(580,50,60,50);
fill(g3);
ellipse(525,45,50,50);
//RAIN
frameRate(440);
fill(220,40);
ellipse(mouseX+70,y,10,51);
y=y+.2;
ellipse(mouseX+130,y,10,51);
y=y+.5;
ellipse(mouseX+200,y,10,51);
y=y+.2;
ellipse(mouseX+300,y,10,51);
y=y+.05;
ellipse(mouseX+400,y,10,51);
y=y+.02;
ellipse(mouseX+500,y,10,51);
y=y+.2;
ellipse(mouseX+600,y,10,51);
y=y+.02;
ellipse(mouseX+80,y1,10,51);
y1=y1+.2;
ellipse(mouseX+155,y1,10,51);
y1=y1+.5;
ellipse(mouseX+250,y1,10,51);
y1=y1+.2;
ellipse(mouseX+350,y1,10,51);
y1=y1+.05;
ellipse(mouseX+450,y1,10,51);
y1=y1+.02;
ellipse(mouseX+550,y1,10,51);
y1=y1+.2;
ellipse(mouseX+650,y1,10,51);
y1=y1+.02;
//third row
ellipse(mouseX+80,y2,10,51);
y2=y2+.2;
ellipse(mouseX+155,y2,10,51);
y2=y2+.5;
ellipse(mouseX+250,y2,10,51);
y2=y2+.2;
ellipse(mouseX+350,y2,10,51);
y2=y2+.05;
ellipse(mouseX+450,y2,10,51);
y2=y2+.02;
ellipse(mouseX+550,y2,10,51);
y2=y2+.2;
ellipse(mouseX+650,y2,10,51);
y2=y2+.02;
ellipse(mouseX+70,y3,10,51);
y3=y3+.2;
ellipse(mouseX+130,y3,10,51);
y3=y3+.5;
ellipse(mouseX+200,y3,10,51);
y3=y3+.2;
ellipse(mouseX+300,y3,10,51);
y3=y3+.05;
ellipse(mouseX+400,y3,10,51);
y3=y3+.02;
ellipse(mouseX+500,y3,10,51);
y3=y3+.2;
ellipse(mouseX+600,y3,10,51);
y3=y3+.02;
ellipse(mouseX+80,y4,10,51);
y4=y4+.2;
ellipse(mouseX+155,y4,10,51);
y4=y4+.5;
ellipse(mouseX+250,y4,10,51);
y4=y4+.2;
ellipse(mouseX+350,y4,10,51);
y4=y4+.05;
ellipse(mouseX+450,y4,10,51);
y4=y4+.02;
ellipse(mouseX+550,y4,10,51);
y4=y4+.2;
ellipse(mouseX+650,y4,10,51);
y4=y4+.02;
if(mouseX>200){
frameRate(1000);
b=b+150;
}else{
b=b-150;
}
if(y1>790){
y1=y1-height;
}if(y>790){
y=y-height;
}if(y2>790){
y2=y2-height;
}
if(y3>790){
y3=y3-height;
}
if(y4>790){
y4=y4-height;
}
}
Sept 9th, 2013.
Here is my first assignment for Intro to Computational Media:
This was a lot of fun to work on! Highlights include figuring out layering, transparency(not pictured here) and the attention Dan Shiffman's wild gesticulations got from my neighbours while I watched his video in a coffee shop.
I had some very frustrating moments associated with creating curved lines. I discovered how integral curves and arcs are to many compositions. I read ahead in Shiffman's "Processing," but found the instructions on using the 'arc' function did not help me to grasp the concept of radians; not to mention, operationalize the concept and form commands to create the desired shapes. I attended a resident help session and found it to be most informative. I hope they are held every week!
two hour Nike symbol:
the nose knows:
The Code:
void setup(){
size(600,600);
background(0, 230, 240);
}
void draw(){
//big hair
fill(0);
stroke(0);
ellipseMode(CENTER);
ellipse(300,155,210,310);
//neck
fill(255, 210, 200);
ellipseMode(CENTER);
ellipse(300,270,65,190);
//face
fill(255, 210, 200);
ellipseMode(CENTER);
ellipse(300,115,135,180);
//mouth
fill(255,0,0);
stroke(255,0,0);
line(285,168,316,168);
arc(300, 168, 45, 18, 0, PI);
//nose
fill(255, 210, 200);
stroke(0);
arc(293, 150, 15, 10, PI/2,PI*3/2);
//fill(255,210,200);
stroke(0);
arc(308, 150, 15, 10, -PI/2,PI/2);
//BRIDGE
fill(255, 210, 200);
stroke(0);
ellipseMode(CENTER);
ellipse(300,132,24,50);
fill(255, 210, 200);
stroke(255,210,200);
ellipseMode(CENTER);
ellipse(300,127,37,50);
//hair
fill(0);
stroke(0);
rectMode(CENTER);
rect(300,50,116,50);
//body
fill(0);
stroke(0);
rectMode(CENTER);
rect(300,400,120,340);
//boobs
fill(0);
stroke(0);
ellipseMode(CENTER);
ellipse(300,290,145,100);
//butt
fill(0);
stroke(0);
ellipseMode(CENTER);
ellipse(300,400,145,100);
//leg hole
stroke(0, 230, 240);
fill(0, 230, 240);
rectMode(CENTER);
rect(300,510,50,130);
//left foot
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(195,555,285,600);
//right foot
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(320,555,410,600);
//arms
stroke(0);
line(300,300,80,160);
line(340,215,440,375);
//lefthand
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(60,150,95,170);
//righthand
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(440,370,475,390);
//left thumb
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(93,140,98,160);
//right thumb
fill(255, 210, 200);
stroke(0);
ellipseMode(CORNERS);
ellipse(440,375,445,395);
//shoes
//left shoe
fill(0);
line(195, 600, 285, 600);
ellipseMode(CORNERS);
ellipse(195,555,285,600);
//right shoe
fill(0);
line(320, 600, 410, 600);
ellipseMode(CORNERS);
ellipse(320,555,410,600);
//right eye
fill(255);
stroke(0);
ellipseMode(CENTER);
ellipse(330,110,28,15);
//left eye
fill(255);
stroke(0);
ellipseMode(CENTER);
ellipse(270,110,28,15);
//right pupil
fill(0);
ellipseMode(CENTER);
ellipse(330,110,10,10);
//left pupil
fill(0);
ellipseMode(CENTER);
ellipse(270,110,10,10);
//left NIKE
fill(255);
stroke(255);
arc(246, 580, 16, 13, 0, PI);
line(245,583,267,571);
line(245,584,267,571);
line(245,585,267,571);
line(246,585,267,571);
line(247,586,267,571);
line(248,587,267,571);
//bottom
line(246,580, 237,575);
line(246,580, 237,576);
line(246,581, 237,577);
line(246,582, 237,578);
line(246,583, 237,578);
line(246,584, 237,578);
line(246,584, 237,577);
line(246,585, 237,577);
line(246,585, 237,580);
//right NIKE
fill(255);
stroke(255);
arc(354, 580, 16, 13, 0, PI);
line(355,583,333,571);
line(355,584,333,571);
line(355,585,333,571);
line(354,585,333,571);
line(352,586,333,571);
line(353,587,333,571);
//bottom
line(354,580, 363,575);
line(354,580, 363,576);
line(354,581, 363,577);
line(354,582, 363,578);
line(354,583, 363,578);
line(354,584, 363,578);
line(354,584, 363,577);
line(354,585, 363,577);
line(354,585, 363,580);
//LEFT sock
stroke(0);
fill(255);
rectMode(CORNER);
rect(238,540,38,14);
//RIGHT sock
stroke(0);
fill(255);
rectMode(CORNER);
rect(324,540,38,14);
//CHAINZ
fill(0);
stroke(255,215,0,200);
arc(300,255,70,125,0,PI);
//left brow
fill(255, 210, 200);
stroke(0);
arc(269,98,30,9,-PI,0);
//right brow
fill(255, 210, 200);
stroke(0);
arc(331,98,30,9,-PI,0);
}
