创意自画像

要求：一件变成创意作品，必须实现动态效果或交互效果
编程语言的实现就是通过普通的图形搭建，画出的自画像![在这里插入图
上面是代码实现后得出的实验截图
代码放置如下：
function setup() {
createCanvas(700,700);
rectMode(CENTER);
}

function draw() {

background(220,0,0);
zihua();
}
function zihua(){
fill(0,0,0);//头发
circle(350,120,130);

fill(255,255,160);//耳朵
circle(285,150,45);
circle(415,150,45);

fill(255,255,160);//拳头
circle(180,305,40);
circle(520,305,40);

fill(0,100,255);//手臂
quad(180,290,280,245,280,275,185,320);
quad(420,245,520,290,515,320,420,275);

fill(255,255,160);//脖子
rect(350,230,56,30);

fill(255,255,160); //头
circle(350,150,150);

fill(0,0,0);//刘海
arc(310,80,60,60,0.5PI,0.75PI);
arc(320,70,65,85,0.25PI,0.75PI);
arc(335,60,79,110,0PI,0.75PI);
arc(346,70,50,90,0PI,1PI);
arc(365,60,70,110,0.25PI,0.9PI);
arc(387,78,70,80,0.4PI,0.87PI);
arc(400,78,70,80,0.4PI,0.87PI);
arc(405,85,70,80,0.4PI,0.87PI);

fill(255,255,255);//眼镜
rect(320,140,46,20);
rect(380,140,46,20);

fill(0,0,0);//镜框
line(343,140,357,140);
line(297,140,275,135);
line(403,140,425,135);

//fill(0,0,0);//眼睛
//circle(320,140,10);
//circle(380,140,10);
moveeyes();

fill(0,0,0);//鼻子
circle(350,170,10);

fill(255,0,0);//嘴巴
arc(350,190,50,40,0PI,1PI);

fill(0,100,255);//衣服
quad(280,245,420,245,425,400,275,400);

fill(255,255,180);
triangle(280,245,420,245,350,285);//绘制三角形(x1,y1,x2,y2,x3,y3)

fill(0,0,0);
line(350,285,350,400);
circle(350,300,10);
circle(350,330,10);
circle(350,360,10);

fill(100,100,255);//鞋子
ellipse(385,505,60,40);
ellipse(315,505,60,40);

fill(0,0,255);//腿
quad(300,400,350,400,335,500,305,500);
quad(350,400,400,400,395,500,365,500);
}
这边是实现眼睛移动的代码：
function moveeyes(){
var x=(mouseX)/3005;
var y=(mouseY)/3005;
fill(0,0,0);
circle(320+x,140+y,10);
circle(380+x,140+y,10);
}