运动专题-手绘码绘的比较

手绘码绘的比较

手绘图：
是一系列小人走路的分解图

码绘：

用简单的线条与圆圈创建的简易走路动画，附代码：
var t=1;
function setup() {
createCanvas(400, 400);
frameRate(8);
stroke(60);
}

function draw() {
background(220);
t=t+1;
var a= t%4;
if(a==0)
{
ellipse(210, 110, 60,60);
line(210,110,90,270);
line(90,270,65,325);
line(90,270,60,275);
line(65,325,60,275);
line(210,110,300,280);
line(300,280,350,260);
line(300,280,310,310);
line(350,260,310,310);

}
if(a==1)
{
ellipse(210, 140, 60,60);
line(210, 140,145,260);
line(145,260,80,275);
line(210, 140,300,235);
line(300,235,255,295);
line(80,275,55,275);
line(80,275,55,315);
line(55,275,55,315);
line(255,295,245,320);
line(255,295,300,320);
line(245,320,300,320);

}
if(a==2)
{
ellipse(210, 80, 60,60);
line(210, 80,205,290);
line(210, 80,250,180);
line(250,180,185,220);
line(205,290,205,320);
line(205,290,250,320);
line(205,320,250,320);
line(185,220,160,220);
line(185,220,150,260);
line(160,220,150,260);

}
if(a==3)
{
ellipse(210, 80, 60,60);
line(210, 80,145,290);
line(210, 80,270,200);
line(270,200,230,270);
line(145,290,125,305);
line(145,290,145,330);
line(125,305,145,330);
line(230,270,205,280);
line(230,270,250,310);
line(205,280,250,310);

}

}

对比分析：手绘只能在一张纸面上平铺走路的分解图，没有直观的感受，缺少动态的视感，但码绘可以通过循环播放动画，虽然线条比手绘少，但是更有动感，更有运动的感觉，这也是码绘的优势所在。