Blog

In paragraaf 1 van LA 3, hebben wij mogen werken met kleuren. We hebben een blanco schets gekregen waar wij kleur aan hebben toegevoegd. Zowel de rand als de rest van de cirkel hebben een andere kleur gekregen. De gebruikte code en het p5.js eindresultaat, zijn beiden te vinden in dit bericht. Het was geen erg lastige opdracht waardoor ik er vrij snel mee klaar was, het kostte me zo’n 15 minuten.

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

function draw() {
  background(220);
  strokeWeight(10);
  
  fill('#cc6600');
  stroke('#cc0000');
  ellipse(50,50,50);
  
  fill('#cccc00');
  stroke('#cc9900');
  ellipse(125,50,50);
  
  fill('#66cc00');
  stroke('#009900');
  ellipse(200,50,50);
  
  fill('#00cc99');
  stroke('#00cc66');
  ellipse(275,50,50);
  
  fill('#00cccc')
  stroke('#0099cc')
  ellipse(350,50,50);
  
  //swap driver && navigator roles
  
  fill('#0066cc');
  stroke('#0000cc')
  ellipse(50,125,50);
  
  fill('#3300cc');
  stroke('#6600cc');
  ellipse(125,125,50);
  
  fill('#cc00ff')
  stroke('#9900cc')
  ellipse(200,125,50);
  
  fill('#cc99ff')
  stroke('#cc00cc')
  ellipse(275,125,50);
  
  fill('#ffb3d9')
  stroke('#ff66cc')
  ellipse(350,125,50);
}