手绘VS码绘

手绘与码绘

绘画是一门高深的艺术，想要用手绘画出一幅能令人称赞的作品是一件不容易的事情。但是！现在即使是手残，只要你想，短时间内也可以创作出一幅不错的绘画作品，那就是用代码一行一行的敲出来，这就是码绘！

工具

与传统的手绘不一样，你不需要一双灵巧的双手，只需要能敲键盘就可以了，你甚至可以用脚敲代码（如果你行的话），然后需要选择一门编程语言，我选择的是javascript的一门衍生语言–P5.js。对于码绘来说，键盘就是画笔，代码编辑器就是画布，下面可以开始码绘了。

开始码绘

首先创建一张400*400的画布

function setup() {
  createCanvas(400, 400);
}

在P5.js中用background()函数指定画布的r,g,b值，用stroke()指定线条的颜色,strokeWeight()指定线条的粗细。

  background(255,220,0);
  stroke(0);
  strokeWeight(2);

在码绘中有些简单的图形我们不用一笔一笔画，可以直接使用函数绘制整个图形，例如用ellipse()画椭圆，line()画直线，curve()画曲线，triangle()画三角形等等，还可以用fill()给接下来绘制的图形填充颜色。码绘的好处就是只要你把坐标位置给定，电脑就能帮你精准的画出来，不会有手绘时的手抖现象干扰，而且你也可以不留痕迹地不断调整你已经画好的图形的位置，不存在手绘时修改会影响画面的情况。

fill(50,50,50);
 ellipse(130,150,50,50); 
 line(p3.x,p3.y,p4.x,p4.y);
 curve(p3.x,p3.y,p4.x,p4.y,p5.x,p5.y,p1.x,p1.y);
 triangle(p1.x,p1.y-1,p2.x,p2.y,p3.x,p3.y);

码绘与手绘结果对比

1、手绘与码绘的绘画过程有一定的相同点，都需要想好在哪里下笔。但是码绘的优势在于可以不断调整，而手绘调整起来不如码绘方便，可能会影响画面。手绘的优势在于可以直接拼感觉绘制出图形的相对位置，而码绘在绘制前我们要经过一番数学计算才能准确定位出图形的位置，在整体画面的布局上，想要达到相同的效果，码绘要比手绘更难一点。
2、对于规则图形，码绘的效果更好，只要我们规定好图形的位置与尺寸，电脑就可以画出标准的几何图形，手绘则很难画出两个完全对称的图形。
3、上色方面，码绘可以瞬间将指定的区域用你想要的颜色填充，不会多一点也不会少一点，而且还可以自由更换色彩。手绘在上色时考虑的更多，因为一旦上了色就很难修改了，需要仔细斟酌，不过手绘上色能实现更柔和的颜色过渡，这一点是码绘比较难做到的。
4、从总体的体验上来讲，手绘要更加轻松一些，因为这是一种感性的行为，我们的任何一点改动都会在第一时间直观的显现在我们的眼前，我们也可以用灵活的手快速的完成绘制。码绘则是一种纯粹的理性行为，我们在输入代码的时候时刻在思考着他们的坐标，大小和形状，代码编写时还要注重语言逻辑，不能出bug，所以码绘时间十分烧脑子和费时间的事情。
5、所以在创作时，码绘更适合用于绘制由简单的，规则的图形组成的作品，它更像一个作图工具，而手绘则适合放松，用来绘制一些自己想要绘制的作品。