平成21年度 プログラミング講座

平成21年度の活動の様子を紹介しています。

>>平成25年度の様子はH25年度の活動・様子のページをご覧ください 

>>平成24年度の様子はH24年度の活動・様子のページをご覧ください 

 

　中間考査も明け、前回の講座から３週間ぶりの講座となりました。前回まででプログラミングに関する講義は終わり、今回からは加速度センサを用いて作品を作っていきます。前回の講義の最後に、どのような作品を作るかを考え、案にしてまとめておくようにという宿題が出されました。
　はじめはその宿題を順番に発表していき、その作品がこれまでの講座内容の知識で現実的にできるかどうかを大見先生に判断していただきました。作品は一人ひとつでも、数人でひとつでも、どちらでも良いということでした。以下は発表した作品案の一覧です。

　

　発表図案一覧

 

・正方形を作るゲーム
・ブロック崩し
・ウクレレ（音を用いたゲーム）
・イライラ棒
・風船ゲーム
・シューティングゲーム
・脱出ゲーム
・障害物を避けるゲーム
・お菓子を拾うゲーム

 

　　

 

　　

 

　　

 

　いろいろなアドバイスを頂きながら、全作品分の発表を一通り終えました。総合的に見て、作品によっては加速度センサを用いた従来からあるような作品案もあったが、今までに見たことないようなゲームに仕上がりそうな班もあったので楽しみにしているとのことでした。残りの時間は各作品ごとに作製の時間をとりました。
　プログラミング講座も残り少なくなってきました。今後は主に作品製作の時間となります。

　　

 

　　

 

 

 

 

　今日は変数と繰り返し処理についてです。
　「変数を使わないプログラムは殆どありません。Processingでは必ず変数を宣言しなければなりません。」という話から始まりました。
　スライドで例を見せながら、まずは変数の型（今日はIntger（整数）のみ）と値の代入の仕方の説明がありました。そのあと、生徒たちは実際に打ち込んでみます。抜けている文字があったりすると、プログラムはうまく動きません。赤いエラーメッセージが表示されている画面が多く見られました。

 

　次は変数への値の代入です。　普通の数式とは違うので、先生はホワイトボードに例を書いて１つ１つ説明してくれて、左辺と右辺を間違わないようにと注意がありました。

 

　　

 

　そして、今日のメインの繰り返し処理です。繰り返し処理「for文」を使って、１～１０までの数値を表示してみます。数値を増やすことができたら、線や図形の描画へと続きます。

　変数に代入する数値をいろいろと変えていくことで、生徒にいよって様々な形の図形が描かれています。「このあいだたくさん書いていた文は、繰り返し文使えばよかったんじゃないですか？！無駄だった！」なんていう生徒もいました。

　「先生が提示した図形と同じものを描く」という課題では、四苦八苦した挙句、課題とは違うおもしろい図形ができている生徒もいました。先生からヒントが出ると、「わかった！」という声もちらほら聞こえました。

 

　　

 

　繰り返し文の注意として「無限ループ」があります。繰り返し処理の終了条件がおかしいと永遠に処理を繰り返し続けて、コンピュータの動作が止まってしまう状態のことです。

　先生が、無限ループを実際にやってくださり、CPU100%になってパソコンが動かなくなっている様子を見せてくれました。実際にやってみた生徒も数名いて、パソコンがぱったり動かなくなったのを実体験していました。

　また、色（RGBやHSB）の数値を変数にして色の変化を繰り返し処理でつけると、黒い線がとは違い、グラデーションや虹色の図形ができあがりました。

 

　最後は、各々で自由作画となりましたが、変数の値を乱数（RANDOM）で発生させて代入する方法も紹介されました。ある程度、整ったものを作るには、１つの値は固定する等の工夫が必要だとも話して下さいました。

 

　　

 

　大学の先生をお招きしての講義は、１学期はこれで終了です。次回は、7/14にまとめをする事後講座があります。忘れないようにしましょう。

 

　前回の続きで色を使うところから始まりました。
　前回は、色を指定するとべったりとその色で塗りつぶされていましたが、今回は「不透明度」の指定をしてみます。RGB値の１番最後に不透明度を指定すると、少し色が薄い図形が描かれます。少し練習をしたところで先生から課題が出ました。

 

『右の図を描画せよ。ただし、全ての図形は線なし、緑で塗りつぶし、不透明度２０％で、図形の中心が画面の中心であり、矩形は幅と高さが６０、中央の円は直径が５０である。』

 

 

　　

 

　

 

　次は、プログラムで絵を描くのではなく、他の画像ファイルをプログラムで呼び出して描画する方法です。
　「PictBear」というフリーのペイントソフトを使って、絵を描きます。２つ絵を描き、その絵を呼び出して重ねる。というところまでやってみました。注意するところは、２枚の絵を重ねるので、絵の背景は透過しておかないといけない点です。生徒たちは、それぞれに好きな絵を描き、楽しみながら作品を仕上げていました。

 

　　

 

　東京情報大学から大見嘉弘先生をお招きして，本日より全１４回のプログラミング講座が始まりました。１年生から２７名，３年生から１名が参加しました。
　講師の紹介・挨拶もそこそこに，早速「加速度センサー」についての話が始まります。これはゲーム機のリモコンのことです。USBケーブルでリモコンをパソコンに接続し，動かしてみます。すると，リモコンを上にあげると，パソコン上のグラフも＋に動くというように，パソコンではどのように処理されるかを視覚的にグラフで見せてくださいました。

　この講座ではProcessingというプログラム言語を使い、加速度センサーを入力デバイスとしたゲームのプログラミングを目標にこの講座はすすめられます。
　しかし，ゲームを作るのは，まだまだ先です。まずは，プログラミングの基本から学習します。

 　

 

　生徒たちは，サンプル文が表示されたセンタモニタを見て，一生懸命を打ち込んでいきます。

　まずは点の描画，次に直線，組み合わせてジグザグの線，３本使って三角形，四角形，円・・・と進んでいきます。色をつけるところまでやってみたら，あとは自分で好きな作品を作ることになりました。

 

 　

 

　図形を組み合わせて幾何学的な模様を作ってみたり，雪だるまや家を描いてみたりと，作品は生徒それぞれでバラエティに飛んでいます。講義が終わっても，自分の作品の手直しをする生徒が多く見受けられました。

 

  

 

　プログラミング講座は，全１４回で来年まで続きます。途中で挫折しないでよう，頑張って続けていきましょう。