手绘与码绘的对比 动态绘画

手绘

因为我的码绘比较抽象(特别抽象.. 所以选择了一个其他的比较简单的场景来手绘

 

码绘

先来截取动画中的两个场景

然后再来看一下动态的效果

 

代码

设置画布

void setup(){
  
size(800,800);

}

设置背景颜色 在鼠标点击的时候天空会变亮

background(14,60,100);
noStroke();
if (mousePressed){
  background(255);
}

下雨的效果 运用循环将雨布满整个画布 将端点随机化 就会产生下雨的效果

strokeWeight(3);
stroke(150,10);
for (int i=0; i <800; i += 30){
   line(i,0,i+i/2, random(600,800));
}

strokeWeight(2);
stroke(255,25);
for (int i=-300; i <800; i += 30){
   line(i,0,i+370, random(600,800));
}

strokeWeight(1);
stroke(0,50);
for (int i=-700; i <800; i += 30){
   line(i,0,i+700, random(600,800));
}

雨滴落到水面上的效果 和上面一样运用循环 随机端点 产生动态的效果

strokeWeight(4);
stroke(40);

for (int i = 300; i <800; i += 15){
  line(i, 800, i, random(700-i/12, 704-i/12));
}

fill(#010936);
for (int i=0; i <600; i += 10){
   line(i,800,i -i/2, random (595,600));
}

fill(#010936);
for (int i=450; i <800; i += 10){
   line(i,800,i -i/2, random(850-i/2,845-i/2));
}

fill(#010936);
for (int i=300; i <550; i += 10){
   line(i,800,i -i/2, random(670-i/6, 665-i/6));
}

fill(#010936);
for (int i=300; i <550; i += 10){
   line(i,800,i -i/2, random(665-i/6, 670-i/6));
}

最后是点击时产生的闪电

if (mousePressed){
  strokeWeight(10);

  pushMatrix();
  translate(1,1);
  strokeWeight(10);
  line(500,0,600,120);
  strokeWeight(9);
  line(600,120,530,150);
  strokeWeight(7);
  line(530,150,570,200);
  strokeWeight(5);
  line(570,200,490,300);
  strokeWeight(3);
  line(490,300,520,350);
  strokeWeight(2);
  line(520,350,380,500);  
  popMatrix();

stroke(#F1FF87);
 strokeWeight(10);
  line(500,0,600,120);
  strokeWeight(9);
  line(600,120,530,150);
  strokeWeight(7);
  line(530,150,570,200);
  strokeWeight(5);
  line(570,200,490,300);
  strokeWeight(3);
  line(490,300,520,350);
  strokeWeight(2);
  line(520,350,380,500);
}

 

手绘与码绘的对比

技法上，对于一个没有什么美术技巧和绘画基础的人(我本人..来说 ，提高自己的绘画水平还是挺难的一件事，画画简笔画还好，但是对于一些比较动感的图来说，画的能看是一件很难的事，如果画我的码绘这种很抽象的图，画出来就更没眼看了，而码绘的提升空间在短时间里还是不小的，甚至有的时候你不小心打错了什么都会出现一些意想不到的神奇效果..

工具上，码绘可以使用各种不同的软件不同的语言，同时手绘除了传统的纸和笔之外也可以使用数位板、鼠绘等方式。

创作理念上，一开始觉得可能手绘是给一张白纸赋予情感，在这个方面可能码绘会不如手绘，但是现在觉得无论手绘还是码绘都是表达自己情感的一种方式，只是码绘可能更注重逻辑性，而手绘更随意灵活一些。

创作体验上，有的情况下码绘可以运用很简单的一行或者几行代码就可以创造出手绘要画很多张并且很难表达出的效果，而且在码绘的一次次调试过程中可以看到呈现出来的效果比手绘不管是线条还是色彩上都好太多，这对强迫症十分友好，但是同时带来的问题可能是，码绘是一件非常有逻辑性的事情，而手绘的随机性就很强，趣味性还是更强一些。

呈现效果上，像之前说的，码绘出来的效果，不论线条还是色彩到动感，都比手绘好一些，而且具有交互性。

局限性上，码绘在技术不是特别好的时候呈现出来的效果并不自然，但码绘有的时候比较省事，会画出一些手绘画不出的效果。

应用上，手绘一直是人们表达情感的一种方式，而如今码绘的应用也是越来越广，无论是在展览展示，艺术创作，新闻传媒上，都有着很强的创造性，而码绘与手绘的结合也是一种可以继续探究的方向。

 

参考资料

1.《用代码画画》：
0.1 用代码画画——搞艺术的学编程有啥用？
https://blog.csdn.net/magicbrushlv/article/details/77922119
1.1 开始第一幅“码绘”——以编程作画的基本方法
https://blog.csdn.net/magicbrushlv/article/details/77840565
2. 以编程的思想来理解绘画—— （一）用”一笔画“表现“过程美”
https://blog.csdn.net/magicbrushlv/article/details/82634189