Mini-Project – Custom Emoji

Vandaag heb ik een hartje gemaakt. Dit was best moeilijk maar het is gelukt.

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

function draw() {
  background(220);
  noStroke();
  fill('#F21010')
  arc(230, 200, 100, 100, -135, 45)
  arc(170, 200, 100, 100, 135, -45)
  triangle(200, 170, 135, 235, 265, 235);
  triangle(134, 235, 266, 235, 200, 300);
  
  
  text(mouseX + ", " + mouseY, 20, 20);
}

Dit is de emoji:

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,290,105,317,120,290,145);
  arc(280, 110, 35, 35, PI - QUARTER_PI, 0);
  arc(302, 110, 35, 35, PI - QUARTER_PI, QUARTER_PI);
}