【小学生プログラミング講座】基礎編１ ①点を打つ

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

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

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

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

■もくじ
・画面を用意する
・１つの点を打つ
・点を並べて線を書く

まず最初にプログラムを実行する画面を用意します。

ここでは画面のサイズをヨコ500×タテ500ピクセルとします。

プログラムにはたくさんの決められたコマンド（命令）があり、関数と呼びます。

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

プログラムを入力する時は、次のことに注意しましょう。

　・文字はすべて半角で入力

　・英字の大文字と小文字は区別されるので別文字となる

　・プログラムの最後は「；（セミコロン）」で終わる

size( 500, 500 );   //画面サイズ 500×500ピクセル

　　※「//（ダブルスラッシュ）」より右側はコメント(説明文)なので入力しなくてもよい。

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

ヨコ500ピクセル、タテ500ピクセルの画面が作成されました。

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

❷１つの点を打つ

❶で用意した画面に点を打ってみます。

点を打つ場所を座標といいます。

点を打つにはpoint関数を使います。

座標（50,50）に点を打つプログラムを実行してみましょう。

size(500,500);    //画面サイズ 500ピクセル×500ピクセル
point(50,50);     //座標(50,50)に点を打つ

プログラムで書いた点は見えますでしょうか。

点が小さすぎて見えないと思いますので、画面を拡大してみましょう。

Windowsキーを押しながら＋キーを押すごとに画面が拡大します。 Windowsキーを押しながらーキーを押すごとに画面が縮小します。

　うまく見えなかった人もいるかもしれません。もう少し大きな点を書いてみましょう。

点をとなり同士に４つ打って大きな点にしてみます。

size(500,500);    //画面サイズ500ピクセル×500ピクセル
point(50,50);     //座標(50,50)に点を打つ
point(50,50);     //座標(50,50)に点を打つ
point(50,50);     //座標(50,50)に点を打つ
point(50,50);     //座標(50,50)に点を打つ

どうでしょうか。点は見えましたでしょうか。

❸点を並べて線を書く

10個の点をヨコに並べて線を書いてみます。

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

size(500,500);    //画面サイズ 500ピクセル×500ピクセル
point(100,150);   //座標(100,150)に点を打つ
point(101,150);   //座標(101,150)に点を打つ
point(102,150);   //座標(102,150)に点を打つ
point(103,150);   //座標(103,150)に点を打つ
point(104,150);   //座標(104,150)に点を打つ
point(105,150);   //座標(105,150)に点を打つ
point(106,150);   //座標(106,150)に点を打つ
point(107,150);   //座標(107,150)に点を打つ
point(108,150);   //座標(108,150)に点を打つ
point(109,150);   //座標(109,150)に点を打つ

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