Blog

In de tweede paragraaf van LA 2 hebben we kennis gemaakt met HGB, een andere manier om kleur te geven aan je projecten in p5.js’ editor. Hiervoor heb ik een oud project nieuwe kleuren gegeven. Het was even zoeken, maar toen ik het eenmaal doorhad, vond ik het niet lastig. Het kostte me ongeveer een kwartier. Het eindresultaat en de code staan beiden in dit bericht.

function setup() {
  createCanvas(600, 120);
  colorMode(HSB);
}

function draw() {
  background(220);
  
  fill(270,75,75);
  triangle(10,40,30,80,66,50);

  fill(210,80,65);
  quad(222,74,133,88,133,55,190,60);
  
  fill(180,65,80);
  beginShape();
  vertex(248,32);
  vertex(288,62);
  vertex(265,86);
  vertex(303,81);
  vertex(332,100);
  vertex(327,67);
  vertex(362,60);
  vertex(323,47);
  vertex(313,18);
  vertex(291,39);
  vertex(248,32);
  endShape()
  
  fill(150,65,65)
  arc(450, 60, 70, 70, 0, PI + QUARTER_PI);
  
  fill(290,50,50)
  text(mouseX + ", " + mouseY,20,20)
}