3.1 Intro to Color

Vandaag ben ik begonnen aan unit 1 lesson 3.1. We moesten aan elke ellipse een andere fill() en stroke() geven. Dit is het resultaat:

function setup() {
  createCanvas(400, 175);
  //we do not declare a colorMode here because RGB is the default.
}

function draw() {
  background('#ccffff');
  strokeWeight(10);
  
  fill('#f7e6ff')
  noStroke()
  ellipse(50,50,50);
  
  fill('#efccff')
  stroke('#b61aff')
  ellipse(125,50,50);
  
  fill('#e7b3ff')
  stroke('#be33ff')
  ellipse(200,50,50);
  
    fill('#df99ff')
  stroke('#c64dff')
  ellipse(275,50,50);
    fill('#d780ff')
  stroke('#cf66ff')
  ellipse(350,50,50);
  
  //swap driver && navigator roles
    fill('#cf66ff')
  stroke('#d780ff')
  ellipse(50,125,50);
  
    fill('#c64dff')
  stroke('#df99ff')
  ellipse(125,125,50);
    fill('#be33ff')
  stroke('#e7b3ff')
  ellipse(200,125,50);
    fill('#b61aff')
  stroke('#efccff')
  ellipse(275,125,50);
    fill('#9d00e6')
  stroke('#f7e6ff')
  ellipse(350,125,50);
}