目录
1.手绘
2.码绘
3.让码绘动起来
4.代码
5.总结
手绘
码绘
动态码绘
代码
var A =1;
var x=20,y=10,z=40;
var i=1;
function setup() {
createCanvas(640,480);
}
function draw() {
fill(255);
//瓶盖
ellipse(200,200,60,40);
ellipse(400,200,85,40);
//瓶盖下面
ellipse(320,240,150,110);
//瓶身
ellipse(320,280,135,80);
//瓶内云
arc(288, 220, 20, 10, PI,0, OPEN);
arc(352, 220, 20, 10, PI,0, OPEN);
line(320,266,320,290);
fill(0);
//瓶底
ellipse(320,260,17,12);
//瓶内云
if(A1){
ellipse(288,230,y,x);
ellipse(352,230,y,x);
arc(320, 280, 80, z, 0, PI , OPEN);
x–;
y+=0.2;
z-=1;
if(x2){
A=2;
}
}
else if(A2){
ellipse(288,230,y,x);
ellipse(352,230,y,x);
arc(320, 280, 80, z, 0, PI , OPEN);
x++;
y-=0.2;
z+=1;
if(x20){
A=1;
}
}
}