创意编程-创意自画像

作品展示

作品特点

1. 鼠标控制眼珠和眉毛的朝向（始终朝向鼠标位置）
2. 鼠标控制嘴巴大小（根据鼠标Y轴方向的位置决定，鼠标从下到上，嘴巴从小到大）
3. 鼠标控制手挥动（根据鼠标Y轴方向的位置决定，鼠标从下到上，手臂从下到上挥动）
4. 鼠标控制下雪的密度（根据鼠标Y轴方向的位置决定，鼠标从下到上，下雪密度从小到大）
5. 整体做出一个没下雪的时候情绪低落的样子，雪越大越开心的效果（大概吧）

函数作用说明

1. 利用fill()函数控制填充颜色，noFill()不填充；stroke()函数控制边框颜色，strokeWeight()控制边框宽度，noStroke()无边框
2. line()直线，bezier()曲线,ellipse()椭圆/圆，rect()矩形
3. beginShape()->vertex()画顶点->quadraticVertex()画曲线顶点->endShape()自定义形状（主要用于画头发）
4. translate()移动坐标原点，rotate()旋转坐标轴

源代码

let snowflakes = [];

function setup() {
   
  // put setup code here
  createCanvas(600,600);//创建画布
}

function draw() {
   
  // put drawing code here  
  background(139);//背景色设置为灰色 
  drawMe();
  drawSnow();
}

function drawMe(){
   
	
	drawClothes();//衣服
	drawStar(300,400,20,40,5);//星星
	drawLHand();//左手
	drawRHand();//右手
	
	noStroke();
	fill(255,228,181);//脸
	ellipse(300,200,200,200);
	fill(255,228,181);//耳朵
	ellipse(400,200,50,50);
	ellipse(200,200,50,50);
	drawEyes();//眼睛
	fill(255,150,122);//鼻子
	triangle(300,190,290,230,310,230);
	
	drawMouth();//嘴巴
	drawBrow();//眉毛
	drawHair();//头发
	drawGlasses();//眼镜
	
}

function drawEyes(){
   //眼睛
	noStroke();
	fill(255,255,255);
	ellipse(340,180,30,30);
	ellipse(260,180,30,30);
	var deltax=(mouseX-300)/300*7.5;
	var deltay=(mouseY-200)/400*8;
	fill(0);
	ellipse(340+deltax,180+deltay,15,15)