【小学生プログラミング講座】 基礎編１ ③四角・三角・円を書く

【小学生プログラミング講座】トップへ

本プログラミング講座はProcessing言語を使って学びます。

・なぜProcessing言語を使うのか？は、こちら

・学習環境の準備をしたい場合は、こちら

■もくじ

• 四角を書く
• 三角を書く
• 丸を書く

前章「➁線を引く」では、４つの直線を使って四角形を書きました。

しかし、もっと効率よく四角形を書くには関数rectを使います。

関数rectを使えば、関数lineで直線４本より簡単に四角形を書くことができます。

左上角の座標を（100,100）、横幅200、高さ200の四角形は、

　rect(100,100,200,200);

で書くことができます。

次のプログラムを入力してみましょう。

size(500,500);  //画面サイズ　500×500
rect(100,100,200,200);  //左上角(100,100)､横200、高さ200

プログラムを入力したら、実行ボタンをクリックして実行してみましょう。

❷三角を書く

三角形を書くには、関数triangleを使い３つの頂点座標を指定します。

下記の３つの点を頂点とする三角形を書いてみます。

頂点１（200,100）、頂点２（100,250）、頂点３（300,250）

　triangle( 200, 100, 100, 250, 300, 250);

で書くことができます。

次のプログラムを入力してみましょう。

size(500,500);         //画面サイズ　500×500
triangle( 200, 100, 100, 250, 300, 250);　 //頂点1（200,100）、頂点2（100,250）、頂点3（300,250）

プログラムを入力したら、実行ボタンをクリックして実行してみましょう。

❸円を書く

円を書くには、関数ellipseを使い3つの円の中心座標とたて、よこの大きさを指定します。

円の中心座標が（200,200）で横幅と高さが100の円を書いてみます。

　ellipse( 200, 200, 100, 100);

で書くことができます。

次のプログラムを入力してみましょう。

size(500,500);         //画面サイズ　500×500
ellipse( 200, 200, 100, 100);　 //中心座標（200,200）、横幅、高さ100

プログラムを入力したら、実行ボタンをクリックして実行してみましょう。

横幅と高さを変えることによって「だ円」を書くこともできます。

中心座標（200,200）で横幅200、高さ20の円を書いてみます。

　ellipse( 200, 200, 200, 20);

で書くことができます。

次のプログラムを入力してみましょう。

size(500,500);         //画面サイズ　500×500
ellipse( 200, 200, 200, 20);　 //中心座標（200,200）、横幅200、高さ20

プログラムを入力したら、実行ボタンをクリックして実行してみましょう。

次の練習問題をやってみましょう。