2-4絵を描いてみよう

このページではお団子の刺さった串焼きや、クマさんの絵を描きます。今までに習った知識を用いて、ほかにも様々なバリエーションが可能です。想像力を発揮して、色々な絵を描いてみましょう。

このページの内容

  1. 串焼き
  2. 串焼きに色を付ける。
  3. クマさん
  4. 色のついたクマさん。

串焼き

2-4-a.png

円と線だけで作れます。下記がコードです。

size(300,200);
line(width/2 - 70,height/2 + 70,width/2 + 70 ,height/2 - 70); //クシ
ellipse(width/2 - 25,height/2 + 25,50,50);  //左下の丸
ellipse(width/2,height/2,50,50);  //真ん中の丸
ellipse(width/2 + 25,height/2 - 25,50,50);  //右上の丸

串焼きに色を付ける。

2-4-b.png

コードは下記になります。

size(300,200);
line(width/2 - 70,height/2 + 70,width/2 + 70 ,height/2 - 70); //クシ
fill(255,0,0);
ellipse(width/2 - 25,height/2 + 25,50,50);  //左下の丸
fill(0,255,0);
ellipse(width/2,height/2,50,50);  //真ん中の丸
fill(0,0,255);
ellipse(width/2 + 25,height/2 - 25,50,50);  //右上の丸

クマさん

2-4-c.png

クマさんを描いてみました。（そのつもりです）。プログラムは下記になります。

size(400,300);
ellipse(width/2 - 50,height/2 -60,60,60);  //左耳
ellipse(width/2 + 50,height/2 -60,60,60);  //右耳
ellipse(width/2,height/2,150,150);  //顔
ellipse(width/2 - 20,height/2 -20,20,40);  //左目
ellipse(width/2 + 20,height/2 -20,20,40);  //右目
line(width/2 - 20,height/2 + 30,width/2 + 20,height/2 + 30);  //口

色のついたクマさん

色を加えます。

2-4-d.png

コードは下記になります。

size(400,300);
fill(198,59,6);  //茶色
ellipse(width/2 - 50,height/2 -60,60,60);  //左耳
ellipse(width/2 + 50,height/2 -60,60,60);  //右耳
fill(250,111,96);  //ピンク
ellipse(width/2 - 50,height/2 -60,30,30);  //左耳の内側
ellipse(width/2 + 50,height/2 -60,30,30);  //右耳の内側
fill(198,59,6);  //茶色
ellipse(width/2,height/2,150,150);  //顔
fill(0,0,0);  //黒
ellipse(width/2 - 20,height/2 -20,20,40);  //左目
ellipse(width/2 + 20,height/2 -20,20,40);  //右目
line(width/2 - 20,height/2 + 30,width/2 + 20,height/2 + 30);  //口