对比码绘与手绘——Motion graph

最新推荐文章于 2023-09-22 11:03:44 发布

sentient_

最新推荐文章于 2023-09-22 11:03:44 发布

阅读量809

点赞数

分类专栏： p5.js 文章标签：码绘与手绘

本文链接：https://blog.csdn.net/sentient_/article/details/84333098

版权

本文探讨码绘与手绘动态画的异同，通过P5.JS实现码绘作品，与手绘动态图进行比较。码绘利用循环语句和色彩变化，实现流畅的动画效果，而手绘则需要逐帧绘制，工作量大。两者在技法、创作体验和显现效果上各有特点，码绘适合规律图形，手绘适合自由创作。

摘要由CSDN通过智能技术生成

上一篇博客做的是静态画，那这篇当然要讲讲动态画。同样地，这次我们也是从思路、技术、创作体验、创作偏好等方面来比较码绘与手绘，讨论异同。
首先，展示一下作品：

码绘

利用P5.JS绘制作品

手绘

利用数位板及ps工具实现的动态图

代码实现过程

Po一下完整代码：

let dots = []; 
function setup() {
   
createCanvas(500, 500); 
noStroke();
colorMode(HSB, 360, 100, 100);
frameRate(6);//帧数率
}

function draw() {
   
background('white');
  let t = frameCount / 60; //刷新时间
  //圆点随机数目
  for(var i = 0; i < random(3