HW04-1

void setup() {

size(500, 400);

strokeWeight(3);

smooth();

background(255);

// colors

fill(255, 0, 0);

rect(0, 0, 50, 50);

fill(0, 255, 0);

rect(0, 50, 50, 50);

fill(0, 0, 255);

rect(0, 100, 50, 50);

fill(0, 0, 0);

rect(0, 150, 50, 50);

// strokes

fill(255);

rect(450, 0, 50, 50);

fill(0);

ellipse(475, 25, 2, 2);

fill(255);

rect(450, 50, 50, 50);

fill(0);

ellipse(475, 75, 6, 6);

fill(255);

rect(450, 100, 50, 50);

fill(0);

ellipse(475, 125, 10, 10);

// functions

fill(255);

rect(450, 150, 50, 50);

fill(0);

text("ERASE", 455, 180);

fill(255);

rect(450, 200, 50, 50);

fill(0);

text("CLEAR", 455, 230);

fill(255);

rect(450, 250, 50, 50);

fill(0);

text("SAVE", 460, 280);

}

void draw()

{

if (mousePressed && mouseX >=0 && mouseX <= 50 && mouseY >= 0 && mouseY <= 50)

stroke(255, 0, 0);

if (mousePressed && mouseX >=0 && mouseX <= 50 && mouseY >= 50 && mouseY <= 100)

stroke(0, 255, 0);

if (mousePressed && mouseX >=0 && mouseX <= 50 && mouseY >= 100 && mouseY <= 150)

stroke(0, 0, 255);

if (mousePressed && mouseX >=0 && mouseX <= 50 && mouseY >= 150 && mouseY <= 200)

stroke(0, 0, 0);

if (mousePressed && mouseX >= 450 && mouseX <= 500 && mouseY >= 0 && mouseY <= 50)

strokeWeight(2);

if (mousePressed && mouseX >= 450 && mouseX <= 500 && mouseY >= 50 && mouseY <= 100)

strokeWeight(6);

if (mousePressed && mouseX >= 450 && mouseX <= 500 && mouseY >= 100 && mouseY <= 150)

strokeWeight(10);

// erase

if (mousePressed && mouseX >= 450 && mouseX <= 500 && mouseY >= 150 && mouseY <= 200)

stroke(255);

// clear

if (mousePressed && mouseX >= 450 && mouseX <= 500 && mouseY >= 200 && mouseY <= 250)

clear();

// save

if (mousePressed && mouseX >= 450 && mouseX <= 500 && mouseY >= 250 && mouseY <= 300)

save("line.tif");

if (mousePressed && mouseX >= 55 && mouseX <= 445 && mouseY >= 0 && mouseY <= 400)

{

line(mouseX, mouseY, pmouseX, pmouseY);

}

}

void clear()

{

noStroke();

fill(255, 255, 255);

rect(52, 0, 395, 400);

}

In this excercise, I learned how to use the function of text and mouse, and to save function of images in processing. It provides 4 colors, 3 stroks and 3 functions with erase, clear, and save.
I can simply use this one to draw any picture what I want.