p5.js之Q版人物绘制

最新推荐文章于 2022-06-19 19:45:36 发布

qq_43594855

最新推荐文章于 2022-06-19 19:45:36 发布

阅读量913

点赞数 1

本文链接：https://blog.csdn.net/qq_43594855/article/details/102794284

版权

头上不知是鹿角还是蝴蝶的Q版小人：

在这里插入图片描述

完整代码：



function setup() {
   

   
createCanvas(800, 700);

}

 

function draw() {
   

   
background(255);

 

   
//背景粉红色

   
fill(255, 134, 128);

   
ellipse(403,419,600,500);

 

   
//脸部大体颜色

   
strokeWeight(0);

   
fill(254, 224, 178);

   
ellipse(415, 243, 310);

 

   
//头发大体颜色

   
strokeWeight(0);

   
fill(134, 73, 19);

   
ellipse(275, 260, 100);

   
ellipse(345, 255, 85);

 

 

   
strokeWeight(4);

   
fill(134, 73, 19);//头发颜色

 

   
//头发上半部分

   
beginShape();

   
vertex(200, 236);

   
bezierVertex(249, 227, 225, 29, 461, 69);

   
bezierVertex(445, 38, 494, 44, 509, 88);

   
bezierVertex(601, 74, 646, 214, 584, 286);

   
endShape();

 

   
fill(254, 224, 178);//耳朵颜色

   
//耳朵弧线

   
beginShape();

   
vertex(552, 263);

   
bezierVertex(605, 248, 601, 351, 536, 343);

   
endShape();

 

   
//脸弧线

   
beginShape();

   
vertex(291, 332);

   
bezierVertex(224, 413, 455, 430, 534, 343);

   
endShape();

 

 

 

   
strokeWeight(8);

   
fill(99, 30, 0);//眼睛颜色

   
//眼睛

   
//眉毛

   
beginShape();

   
vertex(408, 294);

   
bezierVertex(435, 272, 471, 285, 489, 305);

   
endShape();

 

   
beginShape();

   
vertex(288, 322);

   
bezierVertex(305, 297, 327, 294, 348, 311);

   
endShape();

 

   
strokeWeight(0);

   
ellipse(325, 326, 46);

   
ellipse(310, 335, 21);

 

   
//左眼睛

   
strokeWeight(0);

   
fill(177, 120, 49);

   
ellipse(333, 343, 11);

   
ellipse(324, 343, 13);

 

   
strokeWeight(4);

   
fill(99, 30, 0);

   
beginShape();

   
vertex(343, 307);

   
bezierVertex(351, 317, 351, 337, 337, 350);

   
endShape();

 

   
fill(254, 224, 178);

   
beginShape();

   
vertex(300, 346);

   
bezierVertex(318, 342, 335, 348, 347, 357);

   
endShape();

 

   
fill(99, 30, 0);

   
beginShape();

   
vertex(302, 344);

   
bezierVertex(299, 330, 299, 322, 304, 305);

   
endShape();

 

   
//内部

   
fill(177, 120, 49);

   
strokeWeight(0);

   
beginShape();

   
vertex(305, 344);

   
bezierVertex(315, 324, 338, 323, 342, 340);

   
endShape();

 

   
ellipse(333, 338, 16);

 

    fill(255);

   
ellipse(310,317,7);

 

 

   
//右眼睛

   
fill(99, 30, 0);

   
strokeWeight(4);

   
beginShape();

   
vertex(436, 284);

   
bezierVertex(418, 303, 419, 325, 434, 344);

   
bezierVertex(449, 349, 463, 348, 482, 340);

   
bezierVertex(487, 320, 489, 304, 468, 287);

   
endShape();

 

   
//内部

   
fill(177, 120, 49);

   
strokeWeight(0);

   
beginShape();

   
vertex(440, 344);

   
bezierVertex(445, 320, 469, 314, 483, 317);

   
endShape();

 

   
ellipse(466, 331, 25);

   
ellipse(447, 339, 10);

   
ellipse(452, 339, 10);

   
ellipse(479, 323, 12);

   
beginShape();

   
vertex(440, 343);

   
bezierVertex(455, 347, 470, 344, 479, 334);

   
endShape();

   
beginShape(