码绘——用代码画画
这次应互动媒体作业要求比较手绘和码绘的区别
首先这次用作比较的模型是苹果手机的经典模型
OK 接下来展示手绘效果
好的 很丑
现在展示码绘效果,用的工具是p5.js
用的同样是p5.js在线代码编译器
经过短暂学习后,编辑出以下代码
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
rect(140, 50, 180, 320, 20);
rect(164, 80, 135, 240);
ellipse(233, 348, 30, 30);
}
效果如下
对于新手来说,emmmm,大体模型已经展现了出来,至于app图标目前还难以掌握
————————————————————————
ok
对比这两种方式的绘图效果,发现码绘对于大小位置的把控很精细是手绘不能比拟的
希望经过后期继续学习,能掌握更多技能