p5.js 图像创作

无话可说，直接上代码

function setup() {
  createCanvas(800, 800);
}
 
function draw() {
  background(255,157,184);
  strokeWeight(2);
  a=(mouseX-400)/60;
  b=(mouseY-400)/60;
  //标题
  push();
  strokeWeight(6);
  textSize(200);
  fill(0,255,190);
  stroke(47);
  text('M I K U', 50, 190);
  pop();
  //左马尾
  push();
  fill(0,255,189);
  rotate(1/9*PI);
  translate(350,150);
  quad(20,0,-20,0,-70,450,70,450);
  pop();
  //右马尾
  push();
  fill(0,255,189);
  rotate(-1/9*PI);
  translate(410,430);
  quad(20,0,-20,0,-70,450,70,450);
  pop();
  //头发
  push();
  fill(0,255,189);
  ellipse(400,350,290,230);
  pop();
  //脸
  push();
  fill(255,240,240);
  ellipse(400,400,250,200);
  pop();
  //左刘海
  push();
  fill(0,255,189);
  rotate(QUARTER_PI);
  translate(670,50);
  arc(0, 0, 500, 500,  HALF_PI+ QUARTER_PI, PI+ QUARTER_PI,CHORD);
  pop();
  //右刘海
  push();
  rotate(-QUARTER_PI);
  translate(-60,620);
  fill(0,255,189);
  arc(0, 0, 400, 400,  -QUARTER_PI, QUARTER_PI,CHORD);
  pop();
  //中间刘海
  push();
  rotate(1/20*PI);
  translate(320,280);
  fill(0,255,189);
  arc(0, 0, 300, 300,  -1/5*PI, 1/5*PI,CHORD);
  pop();
  //遮挡
  push();
  noStroke();
  fill(0,255,189);
  arc(400,300,200,100,8/9*PI,1/9*PI);
  pop();
  //眼睛
  push();
  fill(0);
  ellipse(340+a,395+b,15,60);
  ellipse(460+a,395+b,15,60);
  pop();
  //嘴
  push();
  fill(248,168,197);
  arc(400, 445, 45, 30,  0, PI,CHORD);
  pop();
  //发带
  push();
  fill(80);
  quad(280,240,310,250,265,345,240,335);
  quad(520,240,490,250,535,345,560,335);
  
  fill(255,108,148);
  quad(289,243,301,247,256,342,247,339);
  quad(511,243,499,247,544,342,553,339);
  pop();
  //大葱
  push();
  translate(mouseX,mouseY);
  noStroke();
  quad(10,30,-10,30,-10,80,10,80);
  fill(0,212,125);
  quad(-10,0,10,0,10,30,-10,30);
  quad(-10,0,-15,-40,25,-40,10,0);
  pop();
  
}