Processing ii

19
Tuesday, July 22, 14

description

processing II

Transcript of Processing ii

Page 1: Processing ii

Tuesday, July 22, 14

Page 2: Processing ii

void setup() { size(400, 400); stroke(255); } void draw() { rect(mouseX, mouseY, 55, 55); }

void mousePressed() { background(random(255),random(255),random(255));

stroke(random(255),random(255),random(255)); }

ONLY HAPPENS

ONCE

REPEATSOVER AND

OVER

HAPPENSWHEN MOUSE PRESSED

Tuesday, July 22, 14

Page 3: Processing ii

void mousePressed

void mouseReleased

void mouseClicked

void mouseDragged

void mouseMoved

Tuesday, July 22, 14

Page 4: Processing ii

void setup() { size(400, 400); stroke(255);

background(255); smooth();

} void draw() {

stroke(0); line(pmouseX, pmouseY, mouseX, mouseY); }

Tuesday, July 22, 14

Page 5: Processing ii

void setup() { size(400, 400); stroke(255);

background(255);smooth();

} void draw() {

fill(100,0,200);triangle(30, 75, 58, 20, 86, 75);

}

Tuesday, July 22, 14

Page 6: Processing ii

5, 2

8, 82, 8

Tuesday, July 22, 14

Page 7: Processing ii

void setup() { size(400, 400); noStroke(); background(100,0,255);

} void draw() {  ellipse(mouseX, mouseY, 80, 80);}

Tuesday, July 22, 14

Page 8: Processing ii

Tuesday, July 22, 14

Page 9: Processing ii

If (this) {do this;

}else {

do this other thing;}

Tuesday, July 22, 14

Page 10: Processing ii

void setup() { size(400, 400); noStroke();

background(100,0,255); } void draw() {  if (mousePressed) {    fill(0);  } else {    fill(255);  }  ellipse(mouseX, mouseY, 80, 80);}

Tuesday, July 22, 14

Page 11: Processing ii

void setup() { size(400, 400); noStroke();

background(100,0,255); } void draw() {  if (mousePressed) {    fill(random(255));  } else {    fill(255);  }  ellipse(mouseX, mouseY, 80, 80);}

Tuesday, July 22, 14

Page 12: Processing ii

int myX;int myY;

void setup() { size(400, 400); noStroke();

background(100,0,255); } void draw() {background(100,0,255);

  ellipse(myX, myY, 80, 80);}

void mouseClicked() {myX = myX + 5;myY = myY + 5;

}Tuesday, July 22, 14

Page 13: Processing ii

Tuesday, July 22, 14

Page 14: Processing ii

DATA TYPES

INT: 1,2,3,4, 5...

FLOAT: 1.0, 1.1, 1.2...

BOOLEAN: TRUE OR FALSE

Tuesday, July 22, 14

Page 15: Processing ii

boolean colorOn = false;void setup() { size(400, 400); noStroke();

background(100,0,255); } void draw() {  if (colorOn == true) {    fill(0);  } else {    fill(255);  }  ellipse(mouseX, mouseY, 80, 80);}

Tuesday, July 22, 14

Page 16: Processing ii

boolean colorOn = false;void setup() { size(400, 400); noStroke();

background(100,0,255); } void draw() {  if (colorOn == true) {    fill(0);  } else {    fill(200,0,150);  }  ellipse(mouseX, mouseY, 80, 80);}

void mouseClicked() { colorOn = ! colorOn;}

Tuesday, July 22, 14

Page 17: Processing ii

void draw() {  if (colorOn == true) {    fill(0);  } else {    fill(200,0,150);  }  ellipse(mouseX, mouseY, 80, 80);

textSize(32);text("Click to turn on color", 10, 30); }

Tuesday, July 22, 14

Page 18: Processing ii

Tuesday, July 22, 14

Page 19: Processing ii

OPERATORS

+ - * / =! > < ==++ --

Tuesday, July 22, 14