自画像

按照校园卡设计
首先构造出校园卡模型

function card(){
fill(100,255,0);
rect(250,250,400,300);
fill(0,0,0);
rect(250,180,400,70);
fill(255,255,255);
rect(110,300,100,150);
}

再在框里加入人物模型

function human(){
//脸
fill(210,180,140);
ellipse(110,300,65,70);
//眼
fill(255,255,255);
ellipse(95,295,20,20);
fill(255,255,255);
ellipse(125,295,20,20);
fill(0,0,0);
ellipse(95,295,10,10);
fill(0,0,0);
ellipse(125,295,10,10);
//嘴
fill(255,255,255);
rect(110,320,20,10);
stroke(0,0,0);
line(100,320,120,320);
//发型
fill(0,0,0);
arc(110, 290, 60, 50,PI,0);
}

出来的效果如下

以下是全部代码

function setup() {
createCanvas(500, 500);
rectMode(CENTER);
}

function draw() {

noStroke();
background(0,0,255);
card();
human();
}

function human(){
//脸
fill(210,180,140);
ellipse(110,300,65,70);
//眼
fill(255,255,255);
ellipse(95,295,20,20);
fill(255,255,255);
ellipse(125,295,20,20);
fill(0,0,0);
ellipse(95,295,10,10);
fill(0,0,0);
ellipse(125,295,10,10);
//嘴
fill(255,255,255);
rect(110,320,20,10);
stroke(0,0,0);
line(100,320,120,320);
//发型
fill(0,0,0);
arc(110, 290, 60, 50,PI,0);
}


function card(){
fill(100,255,0);
rect(250,250,400,300);
fill(0,0,0);
rect(250,180,400,70);
fill(255,255,255);
rect(110,300,100,150);
}