【用代码画画】手绘vs码绘

主题

展示如何将一幅手绘作品，用代码绘制出来。
通过手绘与码绘过程及结果的比对，探究手绘及码绘各自的优缺点。

手绘展示

在没有确定自己要画什么的时候，抓起笔，脑袋里还是一滩浆糊，在明确自己想要绘制的大致图像后，我们便能思路清晰的开始绘制。
这里我使用了多种工具，先是使用铅笔画草稿，然后用水性笔勾线，然后用不同颜色的水笔及马克笔进行上色。
因为没有直尺和圆规，手中水笔和马克笔的颜色也不够，所以并没有准确的绘制出构想的图像。

码绘展示

有了手绘提供的思路，我们可以顺利的开始码绘。
码绘的时候，我们便没有了缺少工具的烦恼。几行代码便可以画出一个笔直的直线、一个标准的圆形，一个心仪的颜色……

码绘代码

编码使用的p5.js进行码绘，以下为绘制的代码。

// 函数setup() : 准备阶段
function setup() {
   
// 创建画布，宽度640像素，高度480像素
// 画布的坐标系统为，左上角坐标为（0，0），
// x方向水平向右，y方向垂直向下，单位像素
createCanvas(640,480);
}

// 函数draw()：作画阶段
function draw() {
   
fill(255,190,140);// 填充肤色
// 1 画脸