【码绘】p5.js自画像

【码绘】p5.js自画像

一.结果：

鼠标交互后：

二.过程
1.先大概想一下自己长啥样，明确一下特点：圆脸，短发，爱吃爱睡觉，本来想交互出来一盘肉，但是想了一下感觉好麻烦，交互就直接睡觉了…
2.然后就是把各个部分拆开，一部分一部分来，我画的可能比较简单，都是比较规则的图形。
三.代码

function setup() {
   
  createCanvas(400, 400);
  a=0;
  i=1;
}

function draw() 
{
   
background(40,113,62);
 push();
  pop();
  //后面的头发
 push();
 fill(0);
    rect(125, 115, 150, 65);//绘制矩形(x,y,宽,高)
 pop();
 //圆脸
 push();
 fill(255,250,205);
 noStroke();
 ellipse(200, 120, 150, 150);
 pop();
 //刘海
 push();
 fill(0);
    arc(200, 120, 150, 150, PI, TWO_PI);
 pop();
  //左手臂
 push();
 fill(255,250,205);
 noStroke();
 translate(122,252);
 rotate(PI / 6.0);
 rect(0, 0, 30, 85,0,0,7,0);
 pop(