新浪博客

processing绘制基本图形（第二周作业）

2017-09-16 14:33阅读：

http://blog.sina.cn/dpool/blog/u/1802050384

制作人：陶志成

使用软件：processing


制作目的：通过一些基本函数图形代码和颜色的填充，绘制出基本的图案。


制作过程：
① 了解基本图形的函数代码。 processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
②学习RGB颜色的基本规律，并找到自己需要的颜色搭配
，用photoshop吸取颜色得到数值。
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
③构思想要绘制的图案 processing绘制基本图形（第二周作业）
（本身喜欢像素图案，打算用方块来堆叠在纸上画出想要的图形，算出大概的位置）
④开始输入代码
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
（这一步步算坐标真的............真的是老眼昏花）
⑤尝试着加点文字，查了一些资料。
processing绘制基本图形（第二周作业）
processing绘制基本图形（第二周作业）
（还是加上去了hhhhh..........)


制作反思：
①绘制草图时没有标清具体坐标位置，导致输入代码时容易出现误差，效率较慢。
②输代码要根据图形的先后顺序，先输入后面的再输前面的，不然会覆盖前面图形。
③需要标清代表的对象，便于修改。
④因为制作的图案是无描边的，但nostroke输入总是错误，所以我加了和填充颜色一样的描边。


作品图：
processing绘制基本图形（第二周作业）
作品代码：
size(500,850);
background(245,217,91);
fill(0,0,0); // 填充
stroke(0,0,0); //描边
rect(130,440,250,30);
quad(130,465, 380,465,390, 475, 120,475);
rect(119,475,272,30);
quad(130,505, 380,505,340, 525, 170,525);
rect(170,505,170,30);
quad(170,515, 340,515,400, 600,110,600);
rect(110,600,290,20); //斗篷
stroke(244,238,222);
fill(244,238,222);
fill(244,238,222);
rect(160,310,190,80);
rect(180,340,150,100); //脸
stroke(0,0,0);
fill(0,0,0);
rect(160,370,40,20);
rect(310,370,40,20);
rect(310,390,20,20);
rect(180,390,20,20);
stroke(0,0,0);
fill(0,0,0);
rect(175,150,160,20);
rect(155,170,200,40);
rect(135,200,240,120);
rect(175,110,40,90);
rect(200,80,20,90);
rect(295,110,40,90);
rect(290,80,20,90);
rect(115,225,280,70);
fill(255,255,255);
stroke(255,255,255);
rect(160,240,55,20);
rect(295,240,55,20); //面具
fill(170,185,190);
stroke(170,185,190);
rect(170,410,170,30);
rect(130,430,250,30);
triangle(170,410, 130, 430, 170, 430);
triangle(340,410, 330, 430, 380, 430);
rect(170,450,170,50);
rect(195,470,120,60);
fill(210,176,26);
stroke(210,176,26);
rect(195,530,120,20);
fill(0,0,0);
stroke(0,0,0);
rect(195,550,120,20); //躯干
rect(205,450,100,20);
rect(225,470,60,20);
rect(225,480,60,20); //衣服
fill(170,185,190);
stroke(170,185,190);
rect(289,571,50,80);
rect(170,571,50,80);
triangle(194,550,170,570,194,570);
triangle(316,550,316,570,338,570);
fill(0,0,0);
stroke(0,0,0);
rect(289,630,50,40);
rect(170,630,50,40);
rect(221,570,67,20); //腿
fill(170,185,190);
stroke(170,185,190);
arc(341,461, 40, 40, 0, HALF_PI);
arc(170,461, 40, 40, HALF_PI, PI);
quad(155,465, 165,475,130, 515, 135,505);
quad(135,475, 165,495, 135,545, 105,525);
quad(345,475, 357,465,385, 505, 380,515);
quad(345,497, 375,475, 407,525, 375,545);
fill(0,0,0);
stroke(0,0,0);
quad(376,547, 407,525, 405,547, 385,560);
quad(105,527, 134,546, 126,560,108,549) ; //手
text ( ' .......Emmmmmm....... ' ,195,730);

我的更多文章

下载客户端阅读体验更佳

APP专享