お絵かきクエスト２

こんにちは、metchです！
前回の三角形の続きをつくって行きたいと思います。

複数の三角形を書いてみよう！

前回の作成した三角形のプログラム

size(300,300);
background(255);
fill(255,230,191)
stroke(255,230,191)
triangle(0,0,0,50,50,50);
triangle(50,0,50,50,100,50);
triangle(100,0,100,50,150,50);
triangle(150,0,150,50,200,50);
triangle(200,0,200,50,250,50);
triangle(250,0,250,50,300,50);

これを実行すると横に複数の三角形が表示されます。
では、縦に表示するためにはどうしたら良いでしょうか？

size(300,300);
background(255);
fill(255,230,191);
stroke(255,230,191);

triangle(0,0,0,50,50,50);
triangle(50,0,50,50,100,50);
triangle(100,0,100,50,150,50);
triangle(150,0,150,50,200,50);
triangle(200,0,200,50,250,50);
triangle(250,0,250,50,300,50);

triangle(0,50,0,100,50,100);

縦に書くためにはここの数字を変えるといいんですね。

では、複数描いてみましょう！

縦にも、横にも三角形を書くためにはどうしようか・・・？

size(300,300);
background(255);
fill(255,230,191);
stroke(255,230,191);

triangle(0,0,0,50,50,50);
triangle(50,0,50,50,100,50);
triangle(100,0,100,50,150,50);
triangle(150,0,150,50,200,50);
triangle(200,0,200,50,250,50);
triangle(250,0,250,50,300,50);

triangle(0,50,0,100,50,100);
triangle(50,50,50,100,100,100);

triangle(0,100,0,150,50,150);

triangle(0,150,0,200,50,200);


triangle(0,200,0,250,50,250);


triangle(0,250,0,300,50,300);

では、画面いっぱいに三角形を描いてみましょう！

だいぶがんばりました・・・ 

size(300,300);
background(255);
fill(255,230,191);
stroke(255,230,191);

triangle(0,0,0,50,50,50);
triangle(50,0,50,50,100,50);
triangle(100,0,100,50,150,50);
triangle(150,0,150,50,200,50);
triangle(200,0,200,50,250,50);
triangle(250,0,250,50,300,50);

triangle(0,50,0,100,50,100);
triangle(50,50,50,100,100,100);
triangle(100,50,100,100,150,100);
triangle(150,50,150,100,200,100);
triangle(200,50,200,100,250,100);
triangle(250,50,250,100,300,100);

triangle(0,100,0,150,50,150);
triangle(50,100,50,150,100,150);
triangle(100,100,100,150,150,150);
triangle(150,100,150,150,200,150);
triangle(200,100,200,150,250,150);
triangle(250,100,250,150,300,150);

triangle(0,150,0,200,50,200);
triangle(50,150,50,200,100,200);
triangle(100,150,100,200,150,200);
triangle(150,150,150,200,200,200);
triangle(200,150,200,200,250,200);
triangle(250,150,250,200,300,200);

triangle(0,200,0,250,50,250);
triangle(50,200,50,250,100,250);
triangle(100,200,100,250,150,250);
triangle(150,200,150,250,200,250);
triangle(200,200,200,250,250,250);
triangle(250,200,250,250,300,250);

triangle(0,250,0,300,50,300);
triangle(50,250,50,300,100,300);
triangle(100,250,100,300,150,300);
triangle(150,250,150,300,200,300);
triangle(200,250,200,300,250,300);
triangle(250,250,250,300,300,300);

これはこれで可愛いけど、他のパターンの三角形も描いてみたい・・・
けど、コードをいちいち書き直すのは大変。

次回はもう少し簡単に図形を描けるようにしてみましょうか。