码绘与手绘（一）

@立十曰

码绘与手绘

工具 p5.js

目录

文章大概包括这么及部分

1. 手绘及作品展示
2. 码绘及作品展示
3. 码绘代码
4. 码绘与手绘的对比

手绘及作品展示

我画的是一个小狗，尽管很简单，但是画的还是很丑。。。

码绘及作品展示

用代码画就好看多了

码绘代码

function setup() {
  createCanvas(640,480);
}

function draw() {
fill(255);
//耳朵 
ellipse(240,200,85,40);
ellipse(400,200,85,40);
//脸
ellipse(320,240,150,110);
//嘴外部
ellipse(320,280,135,80);

//眉毛
arc(288, 220, 20, 10, PI,0,  OPEN);
arc(352, 220, 20, 10, PI,0,  OPEN);
//鼻子下面
line(320,266,320,290);
//嘴
arc(320, 280, 80, 40, 0, PI , OPEN);

fill(0);
//鼻子
ellipse(320,260,17,12);
//眼睛
ellipse(288,230,10,20);
ellipse(352,230,10,20);
 
}

码绘与手绘的对比

思路方面：
手绘：从整体到局部画，先把握结构，在完善细节
码绘：同样从整体出发，但是得考虑遮挡与填充，对画图进行顺序上的调整

技术方面：
手绘：手残，没有技术性
码绘：计算机画出的图案更准确，更好看

创作体验：
手绘：时间较短，由于不好看，成就感较低
码绘：耗时较长，但由于较为满意，成就感较高

创作偏好：
就作品的可艺术性，个人偏向于手绘