手绘与码绘的对比(静态)

在这次对比用代码和用手绘创作静态绘画的实验中,选择的编程工具是p5.js,p5.js语法和使用上较为简单,入门很快,绘制的作品为一个简单的卡通小黄人。下面按要求从思路、技术、创作体验、创作偏好等方面比较一下二者,以及它们的异同。
这里插入图片描述码绘代码如下:

function setup() { 
  createCanvas(340, 500);
} 
function draw() { 
	background(200);//绘制背景
	//头部,半圆
	stroke(0);
	strokeWeight(4);
	fill(249,217,70);
	arc(170,150,200,200,PI,0,OPEN);
	//身体,矩形
	rect(70,150,200,180);
	fill(0);
	rect(70,150,200,15);
	//下半身,半圆+矩形
	fill(32,116,160);
	arc(170,330,200,200,0,PI,PIE);
	rect(100,270,140,60);
	//眼睛
	noFill();
	fill(255);
	ellipse(135, 150, 70, 70);
	ellipse(205, 150, 70, 70);
	fill(0);
	ellipse(135, 150, 20, 20);
	ellipse(205, 150, 20, 20);
	//手臂
	strokeWeight(8);
	fill(249,217,70);
	triangle(30, 295, 70, 260, 70, 330);
	triangle(310, 295, 270, 260, 270, 330);
	//背带
	stroke(32,116,160);
	strokeWeight(20);
	line(70, 260,100,270);
	line(270, 260,240,270);
	//扣子
	stroke(0);
	point(100, 270);
	point(240, 270);
	//嘴巴
	strokeWeight(8);
  line(150,230,190,230);
	//去掉多余的线
	stroke(32,116,160);
	strokeWeight(10);
	line(100, 330,240,330);
	//腿脚
	stroke(0);
	strokeWeight(30);
	line(150, 430,150,470);
	line(180, 430,180,470);
	line(120, 470,150,470);
	line(180, 470,210,470);
	//口袋
	fill(32,116,160);
	strokeWeight(8);
	rect(150,290,50,60);
}

思路:
由于绘制的小黄人整体线条较为简单,所以编程时每一个线条,每一个几何图案都直接调用p5.js里最基本的2D形状函数,并没有自己去写可重用的函数,代码结构上也全部是顺序结构。在这一点上和手绘没有太大差异,手绘也是一笔一笔按顺序画的。
技术:
编程p5.js绘制图画比较精准,线条干净流畅,笔头大小、颜色等的设置也非常方便,,最后出来的效果很棒,干净整洁,色彩鲜明。
手绘由于本人没有绘画功底,导致画圆不圆,画线不直,最后画出来的图画丑丑的,不忍直视。
创作体验:
虽然编程画出来的挺好看的·,但还是不得不说编程体验非常差,主要在于坐标点的计算,坐标的设置和调整实在是一件费心费力又很无聊的工作。耗时长,消耗精力多。
手绘就随意多了,简单几笔轻松完成。
创作偏好:
如果不用算坐标的话,也可以说,编程中函数没有那么多需要计算和调整的参数的话,还是很喜欢编程作画的。但事实不是,所以偏好还是手绘吧。
其他:
其实最初想画一副较为复杂的图画,但是线条多必然用到曲线,而编程曲线调整感觉很困难,又因为时间原因,最后放弃。
感觉编程在静态图画中优势不大,倒是看到很多p5做出来的动态效果,显得有趣多了。

猜你喜欢

转载自blog.csdn.net/weixin_39524616/article/details/84431198
今日推荐