vandaag hebben we ‘hoofdstuk’ 2 van p5.js afgerond. als eindopdracht moesten we een custom emoji maken. we hebben ervoor gekozen om geen random() te gebruiken omdat we dit niet vonden passen bij onze emoji. we hebben de kennis van de mini opdrachten gebruikt om de emoji goed te laten werken. ook hebben we ervoor gezorgt dat de mond van onze emoji open en dicht gaat als je er met je muis op gaat staan. het was best even werk maar uiteindelijk vinden we dat er mooi resultaat uit is gekomen.

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  fill(255,238,0);
  ellipse(200,200,200,200);
  fill(255,255,255);
  ellipse(240,140,20,20);
  ellipse(160,140,20,20);
  fill(0,0,0);
  ellipse(240,140,10,10);
  ellipse(160,140,10,10);
 
   if (mouseX > 100 && mouseY > 100) {
 fill(150,5,5);
  ellipse(200,200,150,80);
 fill(242,141,202);
  ellipse(200,210,120,60);  
 fill(0);
  line(200,210,200,180);


  } else {
    fill(0);
    line(150,210,250,210);
    strokeWeight(2)
  }
}