目录
1.手绘
2.码绘
3.动态
4.代码
5.总结
手绘
码绘
动态码绘
代码
var A =1;
var x=20,y=10,z=40;
var i=1;
function setup() {
createCanvas(640,480);
}
function draw() {
fill(255);
//头
ellipse(200,200,60,40);
ellipse(400,400,40,40);
//身体
ellipse(320,240,150,110);
//左手
ellipse(320,280,135,80);
//左腿
ellipse(320,280,150,80);
//右腿
fill(0);
ellipse(320,240,150,200);
//右手
if(A1){
ellipse(288,230,y,x);
ellipse(352,230,y,x);
arc(320, 280, 80, z, 0, PI , OPEN);
x–;
y+=0.2;
z-=1;
if(x2){
A=2;
}
}
else if(A2){
ellipse(288,230,y,x);
ellipse(352,230,y,x);
arc(320, 280, 80, z, 0, PI , OPEN);
x++;
y-=0.2;
z+=1;
if(x20){
A=1;
}
}
}
总结:
手绘与码绘异同比较
技法方面
同:对图形的认知,色彩感知搭配,对美的认知
异:码绘实现动态图需要循环语句,让它动起来;手绘则需要一帧一帧画出。
创作体验
同:都花费一定时间获得成果
异:码绘只需要编写一些代码,就能实现圆点的随机生成,颜色的规律变化,每秒帧数的调整等,而手绘每一帧都要自己绘制,每个圆点都要挨个画出,很繁琐,码绘的GIF有40多帧,而手绘我只画了9帧,手绘工作量大,而且我画画不太行
显现效果
同:动态变换
异:码绘帧数多,显现更流畅,每个圆点色彩都会改变;手绘帧数少,看起来不流畅,
作者:sentient_
来源:CSDN
原文:https://blog.csdn.net/sentient_/article/details/84333098
版权声明:本文为博主原创文章,转载请附上博文链接!
参考文献
作者:qq_40531073
来源:CSDN
原文:https://blog.csdn.net/qq_40531073/article/details/84572054
版权声明:本文为博主原创文章,转载请附上博文链接!