P5JS静态码绘作业一小结

P5JS码绘小律老师作业之静态码绘

码绘版

手绘版

代码

function setup() {
createCanvas(500, 500); background(0); noStroke();
fill(55); ellipse(220, 250, 210, 210);
fill(95); ellipse(220, 250, 170, 170);
fill(135); ellipse(220, 250, 130, 130);
fill(155); ellipse(220, 250, 110, 110);

fill(175); ellipse(220, 250, 90, 90);
fill(195); ellipse(220, 250, 70, 70);
fill(215); ellipse(220, 250, 50, 50);
fill(235); ellipse(220, 250, 30, 30);
fill(255); ellipse(220, 250, 10, 10);
fill(55); ellipse(70, 250, 105, 105);
fill(95); ellipse(70, 250, 85, 85);
fill(135); ellipse(70, 250, 75, 75);
fill(155); ellipse(70, 250, 55, 55);
fill(175); ellipse(70, 250, 45, 45);
fill(195); ellipse(70, 250, 35, 35);
fill(215); ellipse(70, 250, 25, 25);
fill(235); ellipse(70, 250, 15, 15);
fill(255); ellipse(70, 250, 5, 5);
fill(55); ellipse(520, 250, 410, 410);
fill(95); ellipse(520, 250, 340, 340);
fill(135); ellipse(520, 250, 260, 260);
fill(155); ellipse(520, 250, 220, 220);
fill(175); ellipse(520, 250, 180, 180);
fill(195); ellipse(520, 250, 140, 140);
fill(215); ellipse(520, 250, 100, 100);
fill(235); ellipse(520, 250, 60, 60);
fill(255); ellipse(520, 250, 20, 20);
}

一、技术比对：

很直观的是，手绘时要想把圆画的很圆，直线画的很直是需要不断训练的，把图像画的很精准是手绘的难点。而相反，精确的定位是码绘的优势。如何想要增加电脑绘制的图像的自然性就是码绘的难点了。
同时，由于手绘时直接由手作图，想法可以直接付诸笔端在纸上呈现，画图之前可以不明确自己要画什么，让手和眼随着自己的感觉走。而码绘一般都要先在纸上或者脑海中打好草稿，确定下内容之后再作图，而且思考如何编程占了很多时间。

二、思路：
对码绘的第一感觉是可以利用计算机的精确性，创造很多人手画起来比较繁杂吃力的有规律图案。小规律比如重复、渐变、迭代等等，会很有趣。

三、创作体验：
码绘：哇这个代码写起来好友善不费力，希望以后不要有什么太难的东西出来。
手绘：当时就是怕代码难选了一个代码敲敲很简单的，但是这个手绘起来，我老是手抖，以一个点为中心画圆好烦啊，懒得画啊，想乱画啊，算了抖抖的像幼儿园小朋友画的也很可爱的。

四、创作偏好：
对于码绘来说的话，因为尝试的不多还不是特别有感觉，手绘的话，个人喜欢抽象夸张随意一点的，下面贴自己画的东西，差不多就是喜欢这种感觉。
由于个人老是手抖，所以不是很会画写实的人，但是很喜欢画植物，因为树杆可以往任何地方长，不像眼和嘴巴一定要长在某个位子不然不好看。。。。
真的要画人就偷懒画服装设计，因为很抽象，高高瘦瘦细细的就行，手脚一笔带过不用担心手指头是不是过长过短不好看。。。
总之就是比较懒，选定作图方法之后，就怎么简单怎么来吧。下面放一些手绘作品吧。

P5JS静态码绘作业一小结相关推荐

p5js动态交互式码绘作业二小结
p5js码绘小律老师作业二之动态码绘+交互功能实验截图: 码绘由程序动态完成用户可以用鼠标交互的直接画出带点的线条手绘照片: 真的是码绘五分钟手绘两小时还不止!!!!这局计算机完胜了!!!! 码 ...
码绘VS手绘（二）动态绘图
码绘VS手绘(二)动态绘图一.前言二.实验内容 (一)主题 (二)实验结果 1.码绘最终效果程序结构具体函数解析 2.手绘三.总结--编程与手绘的比较 1.工具和载体 2.技法 3.理念 ...
那个站在科学与艺术路口撸码绘的女同学（二）
因本学期接触了<互动媒体>这门课程,了解到了"码绘"的神奇,所以总结两篇文章,记录自己码绘路上的辛酸喜乐.<那个站在科学与艺术路口撸码绘的女同学(一)>主要 ...
对比码绘与手绘——静态
博主的老师这学期布置了一些作业,其中之一就是分别用代码和双手作一幅静态图,从思路.技术.创作体验.创作偏好等方面来比较二者,讨论异同.于是这篇博客就应运而生了. 首先,展示一下作品: 参考图参考的图 ...
互动媒体技术作业——processing码绘
互动媒体技术作业--processing码绘一.作品临摹二.码绘拓展三.心得体会一.作品临摹 1.要求: 从参考资料中的"动态图形艺术"中选取不少于1幅作品,用编程方式临摹 ...
对比码绘与手绘——静态篇
按照实验要求画了一幅码绘,使用p5.js完成. 手绘图星空下的大巴--手绘手绘图是用数位板涂的,比较简陋,大概花了半小时左右,为什么要特地提一下时间呢,因为比起手绘,下面那张码绘真的是花了很长时间 ...
码绘”与手绘比较——静态篇（码绘使用p5.js）
码绘图手绘图先大体说一下码绘图的实现吧其实实现起来没什么技术难度,就是过程比较繁琐. 背景就是几个不同颜色,不同透明度的四边形和三角形,用quad()和triangle()两个函数搞定,就不贴代 ...
p5js码绘笔刷如何嵌入到Web前端（python+Django框架）
目录一.问题阐述二.效果展示三.笔触绘制 1.线条的绘制,模仿粗糙的蜡笔效果 2.笔刷的封装 3.交互 3.1效果 3.2代码四.嵌入前端一.问题阐述当我希望能使用p5.js对网页前端进行 ...
码绘VS手绘（二）如何让让静态图“动”起来
前言在上一篇码绘VS手绘(一) 编程与手绘的对比中,我们了解了有关码绘与手绘在静态图方面的比较,本文主要讲解如何分别通过手绘和码绘两种方式来使得静态图"动"起来,码绘使用的是pr ...

P5JS静态码绘作业一小结

P5JS静态码绘作业一小结相关推荐

最新文章

热门文章