一. 作品展示
(1)码绘:
(2)手绘:
二. 思路
1、编程思路
(1)画一个绿色的圆作为底,线条和填充色都为绿色;
stroke(0,255,0);
fill(0,255,0);
ellipse(300,200,80,80);
(2)画一个红色的竖着的椭圆,线条和填充色都为红色;
stroke(255,0,0);
fill(255,0,0);
ellipse(300,185,20,40);
(3)画一个红色实心的圆作为感叹号的尾巴,线条和填充色都为红色;
fill(255,0,0);
ellipse(300,220,20,20);
(4)画两个矩形并填充颜色为蓝色,线条颜色设置为蓝色;
rect(400,100,100,200);
rect(100,100,100,200);
(5)左边矩形上面画两根倾斜、对称的黑线作为眉毛;
line(110,150,140,170);
line(150,170,180,150);
(6)两根线下面画两个实心的圆作为眼睛;
fill(0,0,0);
ellipse(155,170,10,10);
ellipse(135,170,10,10);
(7)画一个黑色实心的矩形作为嘴巴;
rect(135,200,20,60);
(8)右边矩形上面画两根平行的黑线作为眉毛;
stroke(0,0,0);
line(410,150,440,150);
line(450,150,480,150);
(9)黑线下面画两个黑色实心的圆作为眼睛;
ellipse(415,155,10,10);
ellipse(455,155,10,10);
(10)画一个实心的三角形作为嘴巴;
triangle(430,200,440,250,460,200);
(11)写一个文本,设置为居中;
stroke(0,0,0);
fill(0);
textAlign(CENTER);
text("HAHAHAHAHAHAHAHA!!!",width/2,300);
(12)画一个五角星,连接好各个点的坐标成线;
void sharp(int x){
beginShape();
vertex(0+x, -50+x);
vertex(14+x, -20+x);
vertex(47+x, -15+x);
vertex(23+x, 7+x);
vertex(29+x, 40+x);
vertex(0+x, 25+x);
vertex(-29+x, 40+x);
vertex(-23+x, 7+x);
vertex(-47+x, -15+x);
vertex(-14+x, -20+x);
endShape(CLOSE);
}
(13)保存为jpg。
saveFrame("output.jpg");
2、绘画思路
(1)绿色的画笔涂一个圆形;
(2)红色的画笔涂一个粗一些的竖直的线;
(3)在红色竖线下涂一个小圆;
(4)蓝色的画笔涂两个矩形;
(5)黑色的画笔画两根倾斜的对称线;
(6)在线下面画两个实心的小圆;
(7)涂一个黑色实心的矩形;
(8)画两根平行的细线;
(9)涂两个实心的小圆;
(10)涂一个实心的黑色三角形;
(11)写一行文字;
(12)勾勒五角星的大致框架;
(13)填充五角星的内部。
四. 技术
1、编程
stroke():设置线的颜色
fill():填充
ellipse():画圆
line():画线
rect():画矩形
triangle():画三角形
text():写文本
saveFrame():保存
vertex():openGL,连接各点成某图形
2、手绘
小编能力有限,因为天气太冷了,所以线条一直在颤抖;
作画过程中,努力使自己的手保持稳定,画笔不抖;
心中大致了解落笔的位置。
五. 创作体验
编程创作时对于直线和曲线的把控性很精确,线条清晰明了,填色很精确,不会超出线条外。并且编程创作可以画出一些难度极高,复杂性较强的图形结构。但是,编程创作对于图形的具体位置掌握不是很方便,每画一个图形都要考虑其具体的坐标,较为麻烦,且花费在坐标上的时间较为久。
手绘创作的自由度较高,可以在纸上的任意位置进行创作,不受约束,而且对于作画的具体位置也不用多加思考,只需眼睛观察即可。但是,手绘创作对于线条的掌控不是很好,线会画歪,填色时也无法做到完美,总会有一点偏差。
本次创作中可看出,虽然手绘较为省力,但是画出的作品精确度不如编程创作。编程创作在准确度上面胜过手绘创作,而且可以保存为各种格式的图片,方便传播与保存,可以做到一些极为复杂,手绘难以实现的图形,但是编程创作的受限比较大,看到代码时,如果不运行,很难想象其到底是什么样子。
六. 创作偏好
编程创作,可以实现一些手绘难度较大的图案,图形的描绘也很精确,并且可以保存为各种格式。
七. 参考资料
1.《用代码画画》:
0.1 用代码画画——搞艺术的学编程有啥用?
https://blog.csdn.net/magicbrushlv/article/details/77922119
1.1 开始第一幅“码绘”——以编程作画的基本方法
https://blog.csdn.net/magicbrushlv/article/details/77840565
2.以编程的思想来理解绘画—— (一)用”一笔画“表现“过程美”