processing画图练习：ellipse(),rect(),beginShape(),vertex(),endShape()

processing画图练习：ellipse(),rect(),beginShape(),vertex(),endShape()

1.首先在网上找了一张喜欢的图片(侵删)，如下：

2.打开PS放入图片，用PS的标尺来精准定位坐标点，想好应该先画哪几个图案和哪一层的图案，用哪个方法画图案，此处用到了eliipse(),rect(),beginShape(),vertex(),endShape() (那个时候还没有学到贝塞尔曲线所以没有用贝塞尔曲线去画云朵，老费眼睛了！！！)

3.话不多说！！！打字打字，拉线拉线，ctrl c, ctrl v

//背景颜色
size(821,813);
background(#fcf0bd);
//投影
noStroke();
beginShape();
  vertex(-344.2,794.8);
  vertex(253.4, 215.8); 
  vertex(557,528);
  vertex(-40.9,1102.3);
  fill(#000000,20);
endShape();
//中心圆
stroke(#ef8f79);
strokeWeight(10);
fill(#1d3437);
ellipse(411.5, 363.5, 429,429);

//sun 
stroke(#cb7860);
strokeWeight(8);
fill(#f38d6d);
ellipse(442.0, 333.0, 110,110);

//线
stroke(#a8bfb5);
strokeWeight(4);
fill(#a8bfb5);
line(319.2, 313.2, 332.4, 313.2);
line(357,352, 375, 352);
line(349, 385, 397, 384 );
line(234, 394.0,252.4, 394.0);
line(275.5, 410, 332, 410);
line(317, 425, 333, 425); 
line(358, 482, 482, 482); 
line(298, 522, 415, 522); 
line(295, 534, 345, 534);
line(361, 482, 372, 482); 


//云朵

//1
stroke(#fcf0bd);
strokeWeight(7);
fill(#fcf0bd);
line(231.5, 463, 306.7,463);

noStroke();
fill(#fcf0bd);
ellipse(318, 463, 25,25);
fill(#1d3437);
ellipse(318, 475, 25,25);

noStroke();
fill(#fcf0bd);
ellipse(335, 461, 25,25);
fill(#1d3437);
ellipse(340, 467, 25,25);

noStroke();
fill(#fcf0bd);
ellipse(354, 459, 25,25);
fill(#1d3437);
ellipse(358, 464, 25,25);

noStroke();
fill(#fcf0bd);
ellipse(367, 456, 25,25);
fill(#1d3437);
ellipse(374, 462, 25,25);

//3
noStroke();
fill(#fcf0bd);
ellipse(583, 304, 50,50);
fill(#1d3437);
ellipse(584, 313, 50,50);

noStroke();
fill(#fcf0bd);
ellipse(535.5, 312.5, 53,53);
fill(#1d3437);
ellipse(536.5, 319.5, 53,53);

noStroke();
fill(#fcf0bd);
ellipse(496, 331.5, 54,54);
fill(#1d3437);
ellipse(501, 337, 53,53);

noStroke();
fill(#fcf0bd);
ellipse(418, 400, 53,53);
fill(#1d3437);
ellipse(421, 407, 53,53);

noStroke();
fill(#fcf0bd);
ellipse(462, 374, 55,55);
fill(#1d3437);
ellipse(483.5, 375, 53,53);

noStroke();
fill(#fcf0bd);
ellipse(462, 376, 79, 79);
fill(#1d3437);
ellipse(482, 376, 70, 70);

noStroke();
fill(#fcf0bd);
ellipse(390, 426, 62,48);
fill(#1d3437);
ellipse(400, 428, 62,53);


noStroke();
fill(#fcf0bd);
ellipse(400, 448, 47,47);
fill(#1d3437);
ellipse(400, 438, 47,47);

noStroke();
fill(#fcf0bd);
ellipse(446, 454, 47,47);
fill(#1d3437);
ellipse(446, 444, 47,47);

noStroke();
fill(#fcf0bd);
ellipse(416, 425 , 24,24);
fill(#1d3437);
ellipse(424, 428, 24,24);

noStroke();
fill(#fcf0bd);
ellipse(436, 431, 24,24);
fill(#1d3437);
ellipse(438, 428, 24,24); 

noStroke();
fill(#fcf0bd);
ellipse(481, 440, 32,32);
fill(#1d3437);
ellipse(478, 437, 32,32); 


noStroke();
fill(#fcf0bd);
ellipse(504, 411, 77,77);
fill(#1d3437);
ellipse(508, 403, 80,80); 


noStroke();
fill(#fcf0bd);
ellipse(573, 416, 77,77);
fill(#1d3437);
ellipse(574, 405, 75,75); 

noStroke();
fill(#fcf0bd);
ellipse(562, 365, 48,48);
fill(#1d3437);
ellipse(570, 371, 39,39 ); 

noStroke();
fill(#fcf0bd);
ellipse(600, 362, 32,32);
fill(#1d3437);
ellipse(600, 365, 32,32); 



noStroke();
fill(#fcf0bd);
ellipse(578, 388, 28,28);
fill(#1d3437);
ellipse(572, 389, 24,24); 

//4

stroke(#fcf0bd);
strokeWeight(7);
fill(#fcf0bd);
line(251, 495, 476,495);

noStroke();
fill(#fcf0bd);
ellipse(496, 495, 39,39);
fill(#1d3437);
ellipse(496, 502, 39,39); 

noStroke();
fill(#fcf0bd);
ellipse(520, 490,39,39);
fill(#1d3437);
ellipse(520, 498, 39,39); 

noStroke();
fill(#fcf0bd);
ellipse(555, 487,43,43);
fill(#1d3437);
ellipse(550, 495, 40,40); 

//5
stroke(#fcf0bd);
strokeWeight(6);
fill(#a8bfb5);
line(376, 534, 524, 534);

//边框包围
stroke(#ef8f79);
strokeWeight(12);
noFill();
ellipse(411.5, 363.5, 429,429);

最终结果（有偷懒）：