Processing学习笔记(二)
4/变量
一个变量在内存中存储一个值,这样程序代码就可以用到它。变量
可以在一个程序被使用许多次,并且它的值在程序运行中是可以很容易的改变的。 示例4-1:重用相同值
比如,当把你的两个圆Y轴的值和直径存入变量中,那么每个椭圆就能使用相同的值。 代码:
size(480,120); smooth(); int y=60; int d=80;
ellipse(75,y,d,d); //左图 ellipse(175,y,d,d); //中图 ellipse(275,y,d,d); //右图
效果图:
示例4-2:改变值
简单的改变Y和d两个变量的值,这样就轻松地改变了三个椭圆的形状。 代码:
size(480,120); smooth(); int y=100; int d=130;
ellipse(75,y,d,d); //左图 ellipse(175,y,d,d); //中图 ellipse(275,y,d,d); //右图
效果图:
创造变量 Processing的变量
Processing拥有一系列特别的变量,在程序运行的时候用来存储信息。
示例4-3:调整大小,看看会发生什么 代码: size(480,120); smooth();
line(0,0,width,height); line(width,0,0,height); ellipse(width/2,height/2,60,60);
效果图:
2
一些小小的数学问题示例4-4:基本算术 代码: size(480,120); int x=25; int y=25; int h=20; rect(x,y,300,h); x+=100;
rect(x,y+h,300,h); x-=250;
rect(x,y+h*2,300,h);
效果图:
3
重复
示例4-5:重复做同样的事 用”for循环”(for Loop)简化 代码: size(480,120); smooth(); strokeWeight(8); for(int i=20;i<400;i+=60) {
line(i,40,i+60,80); }(括号不可缺) 效果图:
for循环的结构:
for(init;test;update){statement;} 示例4-8:分散开线条
4
代码: size(480,120); smooth(); strokeWeight(2); for(int i=20;i<400;i+=20) {
line(i,0,i+i/2,80); } 效果图:
示例4-9:扭曲线条 代码: size(480,120); smooth(); strokeWeight(2); for(int i=20;i<400;i+=20) {
line(i,0,i+i/2,80); line(i+i/2,80,i*1.2,120);
5
} 效果图:
示例4-10:将for循环嵌套 size(480,120); smooth(); background(0); noStroke();
for(int y=0;y<=height;y+=40) {
for(int x=0;x<=width;x+=40) {
fill(255,140); ellipse(x,y,40,40); } } 效果图:
6
示例4-12:针和线 代码: size(480,120); smooth(); background(255); fill(175,140); stroke(105);
for(int y=20;y<=height-20;y+=10) {
for(int x=20;x<=width-20;x+=10) {
ellipse(x,y,4,4); line(x,y,240,60); } } 效果图:
7
示例4-13:网版的点 代码: size(480,120); smooth(); background(5);
for(int y=32;y<=height;y+=8) {
for(int x=12;x<=width;x+=15) {
ellipse(x+y,y,16-y/10.0,16-y/10.0); } } 效果图:
有关变量的学习以及for循环的使用,也就差不多了,下面我将用变量与循环的搭配描绘出一个新的机器人P5。
8
参考资料 《爱上Processing》 人民邮电出版社 2013-7-9
9
因篇幅问题不能全部显示,请点此查看更多更全内容