the art of code

The Face

void setup() {
size(500,400);
}

void draw() {
stroke(255, 255, 255);
fill(255, 110, 90);
ellipse(250, 200, 300, 300);

rect(245, 40, 10, 240);

ellipse(190, 200, 70, 70);

ellipse(190, 100, 70, 70);
}

Instructions:

• copy code on left
  
• paste into Sketch Playground
• change mode from P5js to Processing.js
• select Run
• rearrange objects to make a face
• update colors of objects
  
• take a screenshot (command + shift + 4)

Resources:

• Sketch Playground
• ellipse(x, y, width, height)
• fill(R, G, B)
• Colorpicker​

---

Draw It

void setup() {
  size(500,400);
  background(100, 100, 100);
}

void draw() {
 if (mousePressed) {
    background(10, 100, 100);
  }
  stroke(50, 50, 50);
  fill(200, 200, 200);
  ellipse(mouseX, mouseY, 100, 100);
}

Notes: 

• change colors
• change sizes
• change shapes
• add shapes
• take a screenshot

Resources:

• Sketch Playground
• Colorpicker
• sample code
• sketch creations