“运动”主题创作——手绘与码绘的比较

“运动”主题创作——手绘与码绘的比较

本次主题是运动，在此便以最基本的运动形式——跑步来展现两者的区别。

手绘

手绘是静态的图片，为了展示“运动”，可以把跑者的脚腾空的姿势画出，以此来展现出运动的感觉。

码绘

码绘可以生成动态的图像，因此创作更加简单，可以直接通过手脚的摆动直观的展现出运动。
本次码绘使用的工具是p5.js,实现的代码如下：

var angle1 = 150, angle2 = -30;
var controller = 0;	//控制四肢的摆动循环

function setup() {
  // put setup code here
  createCanvas (600,600);
  strokeWeight(5);
  frameRate(30);
}

function draw() {
  // put drawing code here
  background(255);
  ellipse(200,100,50);
  line(200,125,175,225);
  push();
  segment(200, 125, angle1 / 180 * 3.1415926); 
  segment(50, 0, angle2 / 180 * 3.1415926);
  pop();
  push();
  segment(200, 125, (210 - angle1) / 180 * 3.1415926); 
  segment(50, 0, (-120 - angle2) / 180 * 3.1415926);
  pop();
  push();
  segment(175, 225, (-30 + angle1) / 180 * 3.1415926); 
  segment(50, 0, (120 + angle2) / 180 * 3.1415926);
  pop();
  push();
  segment(175, 225, (180 - angle1) / 180 * 3.1415926); 
  segment(50, 0, -angle2 / 180 * 3.1415926);
  pop();

  //向前摆动
  if (controller == 0) {
    angle1 -= 5;
    angle2 -= 3;
  }
  //向后摆动
  else if (controller == 1) {
    angle1 += 5;
    angle2 += 3;
  }
  //摆动至最前端后开始向后摆
  if (angle1 == 60) {
    controller = 1;
  }
  //摆动至最后端后开始向前摆
  else if (angle1 == 150) {
    controller = 0;
  }
}

function segment(x, y, a) {
  translate(x, y);
  rotate(a);
  line(0, 0, 50, 0);
}

两者的相同与不同

技法： 两种创作需要的技法完全不同，手绘考验的是传统绘画水平。而码绘在此之上还需要足够的代码编写能力和算法的实现能力。
工具： 手绘可以使用传统的纸笔作画，也可以选用数位板或数位屏配合绘图软件在计算机上绘画。而码绘则全部通过计算机编辑代码实现。
理念： 我认为两者的创作理念是大同小异的。虽然使用的工具和技法不同，创作过程中都遵循着相似的流程，手段虽然不同，但都是为了将创作者的想法传递给受众。
创作体验： 手绘的体验是远远好于码绘的，因为手绘所见即所得，每一处修改都跟随笔尖，可以立刻确认效果，通过使用绘图软件，图片的修改、擦除也变得无比方便。而码绘则十分抽象，绘制的图形都需要转化为代码中的数字，无法快捷确认成品如何。
呈现效果： 手绘通常只能呈现静态的画面，而码绘借助计算机，可以快速生成一系列的画面，通过动画展现作品。手绘作品更注重细节，而这在码绘中更难实现，相对的，码绘具有更加规整的画面。
载体： 传统手绘可以以纸面、墙面作为载体，电子作画可以生成图片文件在计算机中传播。码绘主要以文件形式传播，但也可以打印在纸上。
局限性： 码绘在有规律、重复的作品创作上有着极大的效率优势，但无法展现出手绘所展现出的细节处理。手绘在面对复杂的三维空间等创作场景时，难以绘制出准确的比例。
应用: 手绘与码绘的应用已经有越来越多的重合了，很多应用场景都会选择同时运用两种技术来获得更佳的结果，比如动漫中手绘稿和CG的应用，或是设计中手绘与建模的相互结合。

p5.js示例：https://p5js.org/zh-Hans/examples/

《以编程的思想来理解绘画—— （一）用”一笔画“表现“过程美”》
https://blog.youkuaiyun.com/magicbrushlv/article/details/82634189

用代码画画——搞艺术的学编程有啥用？
https://blog.youkuaiyun.com/magicbrushlv/article/details/77922119