码绘VS手绘|记processing第一次作业心得

  大三第一学期刚开始接触Processing这个工具，感觉用起来蛮顺手的。

  想想上个学期还在用OpenGL画图的我们，简直是天堂。o(*￣︶￣*)o

  话不多说。

  手绘：随便找了张草稿纸，完成了表情包的绘制，当时速写课才刚开，画的十分着拙劣。

  感觉吗，还不错。重点还是进入我们的码绘阶段

  码绘：先看一下成品

  虽然和原稿有差别，是不是感觉还不错的样子，小人的身体我做了一下改动，因为不想尝试曲线，所以小人全都被我改成椭圆作图。为了显示出更具有代码绘制的美感，用了数学上很经典很浪漫的心形线，就是这颗心有点胖。

float step =0.1;
float r = 50;
translate(width/2, height/2);
rotate(-PI/2);
for (float i = 0; i < PI*2; i += step) {
line(r*(2*cos(i)-cos(2*i)), r*(2*sin(i)-sin(2*i)), r*(2*cos(i+step)-cos(2*i+2*step)), r*(2*sin(i+step)-sin(2*i+step*2)) );

  下面是完整的代码：

void setup(){
size(600,800);
background(255,0,0);
strokeWeight(5.0);
float step =0.1;
float r = 50;
translate(width/2, height/2);
rotate(-PI/2);
for (float i = 0; i < PI*2; i += step) {
line(r*(2*cos(i)-cos(2*i)), r*(2*sin(i)-sin(2*i)), r*(2*cos(i+step)-cos(2*i+2*step)), r*(2*sin(i+step)-sin(2*i+step*2)) );
}

translate(-80,110);
ellipse(0,0,70,70);

fill(0);
translate(5,-15);
ellipse(0,0,20,20);

translate(0,30);
ellipse(0,0,20,20);

translate(0,-15);
bezier(-20,-15,-25,-12,-25,12,-20,15);

fill(255);
translate(-35,-35);
rotate(PI/6);
ellipse(0,0,22,80);

fill(0);
rotate(-PI/6);
translate(-90,35);
ellipse(0,0,10,65);

fill(255);
translate(40,0);
ellipse(0,0,90,65);

}
void draw()
{
}

  最后来说一下对比两种方式的心得体会：

  1.思路：不管是手绘还是编程绘制，在思路上，首先都要自己创建好草图，根据最初的草图，手绘就是不断的绘制线条，编程的话则是选择适合自己图案风格的图形或者曲线上的点，进行坐标点的选取和绘制。

  2.技术：手绘的话就是完全取决于个人的手绘能力，运用线条运用的得当画出来的图形才能更加的美观，而编程的话我觉得更像是将手绘简单程序化，只需要考虑坐标的问题，还有一点就是审美的能力，有耐心调试好参数，不论有没有手绘功底都能绘制出比较好看的图案。

  3.创作体验：手绘两分钟，编程一小时。真的，调参数真的麻烦，还要考虑大小和位置，事先确定的都不准，一个个现调，用了无数遍translation，每一次都得建坐标系考虑下一个点的位置。

  4.创作偏好：虽然编程时间长，但是在其他一方面的作图，比如说对于心形线的作图，函数绘制非常完美，手绘的话还容易手抖，感觉想要协调美的话我会选择编程作图，线条繁复的作图的话会选择手绘。

  好啦，就写到这吧!

手绘VS码绘运动主题创作指路：https://blog.csdn.net/qq_37787956/article/details/84349353