p5js动漫角色临摹

原图

临摹方法

这次我结合了p5js和ps。利用ps寻找图片的像素坐标，再利用p5js的贝塞尔曲线描点绘制图案。

1. 在ps中新建400*400像素的图层，导入图片并添加网格，打开窗口->信息（F8）。鼠标在图像上移动即可获得像素位置信息，并且可以使用吸管工具提取颜色信息。
   2.通过钢笔工具绘制贝塞尔曲线的四个点（起点、终点和两个控制点）来勾勒图像。图为眉毛部分。
2. 按照起点、控制点、终点顺序依次描点。需要注意的是bezierVertex()的第三个点（终点）也是下一个bezierVertex()函数的起点。

  beginShape();
  vertex(49,230);
   bezierVertex(0,57,320,16,307,199);
  	bezierVertex(303,223,320,249,314,241);
  endShape();

3.每个beginShape()和endShape()之间需要构成一个封闭图形来填充颜色。
4.因为我不是一次完成的，所以很多起点终点不统一导致图案连接性不好，细节没做好。建议每次找贝塞尔点时完整的绘制一圈再进行代码部分。

颜色提取的有些偏。部分地方绘制多遍导致重