利用P5码绘，并对比与手绘的区别

手绘作品展示：

码绘作品展示：

代码展示：

var x=200;
var y=200;
var a=100;
var b=100;
function setup() { createCanvas(600, 600);
} function draw() { background(0);//width和height是关键词，分别是Canvas的宽和高strokeWeight(1);//更改线条宽度translate(width/2, height/2);//将坐标系移动到页面中央for(var i=0;i<10;i++){for(var k=0;k<30;k++){stroke(255-(i+k)*4,255,255);//更改线条颜色rotate(PI / 12.0);fill(255,255-i*10,255-k*10);ellipse((x+i*20)%width,(y+k*20)%height,i+4,i+4);fill(0,i*10,255-k*10);ellipse((x-i*20)%width,(y-k*20)%height,i+2,i+2);rotate(PI / 12.0);fill(255-(i+k)*5,(i+k)*5,i*10);drawtriangle((a+i*20)%width,(b+k*20)%height,i/13);drawflower(k,x);}}
}
function drawtriangle(x,y,r){triangle(x, y, x+7*r, y-13.75*r, x+14*r, y);
}
function drawflower(i,k){if(i%2==1){fill(255,(k*0.4)%255,30);stroke(k%255,255,0);arc(0,0,150+i+150*sin(k*PI/24),150,0,PI /15);}else{fill(k%255,0,255);stroke(0,(k*0.4)%255,255);arc(0,0,(100+100*cos(k*PI/24))%255,50,0,PI / 10);}
}

手绘和码绘的对比以及异同点：

我觉得本质上，无论是手绘还是码绘，都是绘画的一种，因为，它们都符合“用作品展示创作者内心想法的有形图案”这一定义，虽然创作工具不同，但是包含的情感应该是类似的，所以都叫做绘画，应该没有什么问题。
但是，二者的区别还是很大的，首先手绘的创作一定有“笔”，我在这里使用的是手绘板，但是还是有一支笔的存在，类似的情况，我们可以说，用毛笔、铅笔、树枝、甚至是大象用自己的鼻子画画，都是存在着这支“笔”的。因为“笔”的存在，创作者可以很直观地看到自己绘画的每一步成果，即：所谓的这一笔画的是好是坏。我觉得这是手绘跟码绘的最大区别，因为码绘是很难细分每一步骤的，简单来说，有时候一个变量的改变引起的是整幅作品的巨大变化，固然，这也为码绘带来了巨大的可能性，甚至允许创造出创作者本想不到的优秀作品，但同时它也意味着巨大的不确定性，创作者可能不能根据自己的意愿随心所欲的创作。
还有，手绘对于重复的绘画能动性很低，大量重复机械性地绘画应该是手绘最大的挑战了，要想画出对称或者整齐排列的图案，对于手绘者来说是很高级的技能，而这一点对于码绘确实再简单不过的事情。
手绘和码绘各有所长，而且很明显，它们是可以优势互补的，期待以后能有这方面更深入的探讨和学习。

对比“码绘”与“手绘”的区别相关推荐

【动态】码绘VS手绘的对比——有点萌的开关
[动态]码绘VS手绘的对比--有点萌的开关背景简介主题成果展示前期分析制作过程体会与思考参考资料背景简介上一次简单的通过静态的手绘与码绘对两者进行了一些简单的对比,这一次更加好玩了, ...
码绘与手绘的对比——动态
码绘与手绘的对比--动态版权声明:本文为博主原创文章,未经博主允许不得转载. 图形学最动人的地方就是可以用代码实现图形的动态效果,之前比较了静态效果下的码绘与手绘,传送门:https://blog. ...
码绘VS手绘（一）编程与手绘的对比
前言本文主要讲解在静态图方面如何分别通过手绘和码绘两种方式来表现,以及它们之间的差异与联系,谨以此博客记录学习过程.博主新手一枚,这是博主第一次写博文,若有不足之处,还请温柔拍打~~(笔芯~~) 手 ...
对比码绘与手绘——Motion graph
上一篇博客做的是静态画,那这篇当然要讲讲动态画.同样地,这次我们也是从思路.技术.创作体验.创作偏好等方面来比较码绘与手绘,讨论异同. 首先,展示一下作品: 码绘利用P5.JS绘制作品手绘利用数 ...
码绘与手绘——表达动态
一.手绘表现动态: 这个题目一开始看来 ,手绘是处于非常劣势的地位的,因为电脑上可以实现动态的过程,就是用动画的原理,每秒绘制60帧,不断进行重绘图形,来达到运动的效果的. 而本身来讲,手绘的图片本质 ...
码绘VS手绘（二）动态绘图
码绘VS手绘(二)动态绘图一.前言二.实验内容 (一)主题 (二)实验结果 1.码绘最终效果程序结构具体函数解析 2.手绘三.总结--编程与手绘的比较 1.工具和载体 2.技法 3.理念 ...
码绘VS手绘|processing“运动”主题创作——如何让一只沙雕鸟起飞
目录一.代码逻辑二.理论对比三.参考资料最终作品效果可以看上传在B站的视频:https://www.bilibili.com/video/av36523799 第一次码绘VS手绘指路:http ...
码绘VS手绘（二）如何让让静态图“动”起来
前言在上一篇码绘VS手绘(一) 编程与手绘的对比中,我们了解了有关码绘与手绘在静态图方面的比较,本文主要讲解如何分别通过手绘和码绘两种方式来使得静态图"动"起来,码绘使用的是pr ...
用p5.js实现的码绘与手绘的比较（动态）
用p5.js实现的码绘与手绘的比较(动态) 上篇:用p5.js实现的码绘与手绘的比较(静态)https://blog.csdn.net/wangyouxu24/article/details/8433 ...
码绘”与手绘比较——静态篇（码绘使用p5.js）
码绘图手绘图先大体说一下码绘图的实现吧其实实现起来没什么技术难度,就是过程比较繁琐. 背景就是几个不同颜色,不同透明度的四边形和三角形,用quad()和triangle()两个函数搞定,就不贴代 ...

对比“码绘”与“手绘”的区别