《爱上Processing》教学笔记(六)

//*****************************************************************
//前面我们所绘制的图形都是系统提供给我们的固定的绘图函数，只能对图形
//进行简单的微调，今天终于等到期待已久的自定义图形了。
//*****************************************************************
//自定义图形示例
void setup()
{
size(800, 600);

beginShape();//开始绘制自定义图形，beginShape和endShape必须成对出现。
//为自定义图形填充颜色，当然这里的fill可以放在beginShape前面，
//但为了说明这是为自定义图形填充颜色放在里面更合适
fill(153, 176, 180);
vertex(180, 82);//给出自定义图形的第1个点，vertex(x,y)描述自定义图形的顶点坐标
vertex(207, 36);//给出自定义图形的第2个点
vertex(214, 63);//给出自定义图形的第3个点
vertex(407, 11);//……
vertex(412, 30);
vertex(219, 82);
vertex(226, 109);//自定义图形的最后一个点
endShape(CLOSE);//结束自定义图形的绘制(试着把CLOSE参数删除，看有什么变化)

//下面是个房子，
beginShape();
vertex(167 ,253);
vertex(359 ,253);
vertex(421 ,334);
vertex(335 ,326);
vertex(330 ,426);
vertex(165 ,421);
vertex(173 ,316);
vertex(64 ,312);
endShape(CLOSE);

beginShape();
vertex(189, 195);
vertex(206, 195);
vertex(192, 283);
vertex(171, 279);
endShape(CLOSE);

beginShape();
vertex(229 ,346);
vertex(286, 347);
vertex(283, 424);
vertex(209, 422);
endShape(CLOSE);

//下面是另一个箭头
beginShape();
vertex(624, 195);
vertex(548, 277);
vertex(598, 261);
vertex(584, 344);
vertex(500, 422);
vertex(606, 364);
vertex(659, 427);
vertex(644, 354);
vertex(647, 254);
vertex(721, 272
);
endShape(CLOSE);
//试着画自己的图形吧！