Blog

Voor het laatste project van unit 1, LA 2, was het de opdracht een eigen emoji te ontwerpen. Dit moest gedaan worden met de kennis en vaardigheden die we in de afgelopen lessen hebben opgedaan. Het was een leuke opdracht, maar ook een vrij lastige. Het heeft me daarom ook vrij lang gekost; zo’n twee uur in totaal. Het uiteindelijke resultaat is terug te vinden in dit bericht. Sinds deze variant niet goed werkt en er daarom enorm raar uitziet, is de emoji ook hier terug te vinden. Hier werkt de functie met de van kleur veranderende hartjes ook, in tegenstelling tot hier. De gebruikte code staat ook in dit bericht. Ik ben best blij met resultaat.

var r; 
var g;
var b;

function setup() {
  createCanvas(400, 400);
   r = random(260); 
  g = random(260); 
  b = random(260);
}

function draw() {
 
  background(220);
  noStroke();
  fill('#FFDD33');
  circle(200,200,250);
  fill('black');
  circle(150,170,70);
  circle(250,170,70);
  fill('white');
  circle(140,160,25);
  circle(157,177,17);
  circle(240,160,25);
  circle(257,177,17);   
   text(mouseX + ", " + mouseY, 20, 20);
  noFill();
  stroke(204,102,0);
  strokeWeight(7);
 arc(200, 250, 30, 22,0,PI);
  
  fill(r,g,b); 
  noStroke();
  quad(250, 280, 280, 260, 302, 280, 277, 307);
	arc(265, 270 , 35, 35, PI - QUARTER_PI, 0);
	arc(287, 270, 35, 35, PI - QUARTER_PI, QUARTER_PI);
  
   quad(45, 170, 70,150, 97,169, 72,195);
	arc(60, 160, 35, 35, PI - QUARTER_PI, 0);
	arc(82, 160, 35, 35, PI - QUARTER_PI, QUARTER_PI);
  
  quad(264,118,293,105,317,120,290,145);
	arc(280, 110, 35, 35, PI - QUARTER_PI, 0);
	arc(302, 110, 35, 35, PI - QUARTER_PI, QUARTER_PI);
}