More Related Content Similar to P5utda day3 (11) P5utda day32. Day 3 -Design of Design Tool
本日の内容
1 setup(),draw()
2 関数
3 Array,ArrayList
4 class
5 今後覚えて欲しい内容
Processing WS, by R.ISHIHARA / Kuma Lab.
3. 1. setup(), draw()
昨日のおだい
01 inth=4;
02 intfloorNum=100/h;
03
04 size(300,1000);
05 background(0);
06 stroke(255);
07
08 for(inti=0;i < floorNum;i++){
09 if(i!=12 & i!=23){
10 floatdelta=width/(4*(i+2));
11 floataltitudeDown=(floorNum-i)*h*10;
12 floataltitudeUp =(floorNum-i-1)*h*10;
13 for(floatj=0;j < width;j+=delta){
14 line(j+.5*delta,altitudeUp,j+.5*delta,altitudeDown);
15 }
16 }
17 }
18 save("drawing.jpg");
Processing WS, by R.ISHIHARA / Kuma Lab.
4. 1. setup(), draw()
codeがなんとなく3つに分かれていることがわかる
01 //数を書く(最初の値)
02 inth=4;
03 intfloorNum=100/h;
04
05 //windowのサイズとか設定
06 size(300,1000);
07 background(0);
08 stroke(255);
09
10 //図
11 for(inti=0;i < floorNum;i++){
12 if(i!=12 & i!=23){
13 floatdelta=width/(4*(i+2));
14 floataltitudeDown=(floorNum-i)*h*10;
15 floataltitudeUp =(floorNum-i-1)*h*10;
16 for(floatj=0;j < width;j+=delta){
17 line(j+.5*delta,altitudeUp,j+.5*delta,altitudeDown);
18 }
19 }
20 }
21 save("drawing.jpg");
Processing WS, by R.ISHIHARA / Kuma Lab.
6. 1. setup(), draw()
01 //数を書く(最初の値)
02 inth=4;
03 intfloorNum=100/h;
04
05 //windowのサイズとか設定
06 voidsetup(){
07 size(300,1000);
08 background(0);
09 stroke(255);
10 }
11
12 //図
13 voiddraw(){
14 for(inti=0;i < floorNum;i++){
15 if(i!=12 & i!=23){
16 floatdelta=width/(4*(i+2));
17 floataltitudeDown=(floorNum-i)*h*10;
18 floataltitudeUp =(floorNum-i-1)*h*10;
19
20 for(floatj=0;j < width;j+=delta){
21 line(j+.5*delta,altitudeUp,j+.5*delta,altitudeDown);
22 }
23 }
24 }
25 save("drawing.jpg");
Processing WS, by R.ISHIHARA / Kuma Lab.
9. 2. 関数
アニメーションしてみる
1ループごとにx座標が1増える
01 floatposX;
02 voidsetup(){
03 size(400,400);
04 posX=0;
05 background(0);
06 }
07
08 voiddraw(){
09 // background(0);
10 noStroke();
11 fill(255);
12 ellipse(posX,height/2,10,10);
13 move();
14 }
15
16 voidmove(){
17 posX++;
18 }
Processing WS, by R.ISHIHARA / Kuma Lab.
15. 4. Class
クラスを使って書き換え。
1 Ballball;
2
3 voidsetup(){
4 size(600,600);
5 colorMode(HSB,360);
6 ball=newBall(0,0,2,3,10);
7 }
8
9 voiddraw(){ball.draw();}
Processing WS, by R.ISHIHARA / Kuma Lab.