552012-06-14 12:49:54masahiko542012-06-14 12:48:05masahiko532012-06-14 12:40:27masahiko522012-06-07 05:04:00masahiko512012-06-07 05:00:31masahiko502012-06-07 04:38:01masahiko492012-06-07 04:36:36masahiko482012-06-07 04:20:37masahiko472012-06-07 04:19:50masahiko462012-06-07 04:14:33masahiko452012-06-07 03:59:06masahiko442012-06-07 03:05:25masahiko432012-06-07 02:51:42masahiko422012-06-07 02:43:27masahiko412012-06-07 02:34:52masahiko402012-06-07 02:19:19masahiko392012-06-07 02:18:50masahiko382012-06-07 02:15:31masahiko372012-06-07 02:11:29masahiko362012-06-07 01:59:49masahiko352012-06-07 01:59:05masahiko342012-06-07 01:47:08masahiko332012-06-07 01:44:28masahiko322012-06-07 01:34:33masahiko312012-06-07 01:23:25masahiko302011-06-02 06:28:44masahiko292011-06-02 06:26:42masahiko282011-06-02 06:23:03masahiko272011-06-02 06:21:51masahiko262011-06-02 05:37:35masahiko252011-06-02 05:18:18masahiko242011-06-01 14:08:58masahiko232011-06-01 13:56:15masahiko222011-06-01 13:51:03masahiko212011-06-01 13:24:09masahiko202011-06-01 13:22:57masahiko192011-06-01 13:20:51masahiko182011-06-01 13:19:38masahiko172011-06-01 13:15:32masahiko162011-06-01 13:10:08masahiko152011-06-01 13:06:04masahiko142011-06-01 05:46:42masahiko132011-06-01 03:53:23masahiko122011-05-31 13:08:07masahiko112011-05-31 12:46:23masahiko102011-05-31 12:36:25masahiko92011-05-31 12:34:36masahiko82011-05-31 12:29:26masahiko72011-05-31 12:29:06masahiko62011-05-31 12:21:53masahiko52011-05-31 12:18:13masahiko42011-05-31 12:15:41masahiko32011-05-31 11:59:23masahiko22011-05-31 11:30:47masahiko12011-05-31 11:30:13masahiko

ゲーム作りを通してプログラム作成の考え方を学びます。 ゲーム内容 画面例 crane30.png

それぞれのもの(オブジェクト)の状態や動作を考えることで プログラムの構成を決定します。 このプロジェクトでは クレーンの動き Aボタンを押したときの動作 Bボタンを押したときの動作 ぬいぐるみの動き に分け、この順にスクリプトを作成していきます。

クレーンの動きは上下左右の４つです。 idou1.png 開始時には左上にあり、 動き始めてから止まるまでなにも操作をしなかったら つぎのような動きになります。 箇条書きにするとこのようになります。(シナリオ) クレーンが右に動く 右端についた クレーンが下に動く 下端についた クレーンが上に動く 上端についた クレーンが左に動く 左端についた 停止 図に書くとこのようになります。(状態図) crane31.png 個々の状態に対応するスクリプトに分け、 一度に１つのスクリプトがチクタクで動作するように考えると分かりやすい。 crane32.png 青の点線で囲んだ範囲を１つのスクリプトとして作成します。 スクリプト１～４はどれか１つがチクタクで動作すると考えます。

クレーンの絵の向きを変えずに動かす方法はいくつかありますが、 座標を増減する方法で書くことにします。 チクタクごとに右に５動かすにはつぎのように書きます。 動きの速さは調整してください。 書き方１ crane33.png 書き方２ crane34.png 右端についたときの処理を テストタイルを使って書き加えます。 crane35.png 判定に用いるの数値(座標)はクレーンの形や画面全体のデザインによって調整が必要です。

同様に書けます。 クレーンが下がるときに開くようにすると おもしろいでしょう。

Aボタンが押されたときはクレーンが右に動き始め、 Bボタンが押されたときはクレーンが下に動くようにしたい。 状態図を見ながら考えます。 crane36.png Aボタンが押されたとき、 スクリプト１をスタート すれば右に動き始めますが、 これではうまく動作しない場合があります。 クレーンが左上で停止しているときはこれだけでよいのですが、 次のような可能性もあるからです。 クレーンが動作中である クレーンが別の位置にある こんな場合にAボタンが押されたときも、同様に動作させるには クレーンを動かしているスクリプトを停止する クレーンを左上に配置する を行ってから スクリプト１をスタート すればよい。 crane37.png クレーンが左上で止まっているときしかAボタンが押せない ようにすることも可能ですが、 その場合は初期化のためのボタンがもう１つ必要です。

Bボタンが押されたときは、スクリプト１を停止し、スクリプト２をスタートすればよい。 crane38.png

クレーンが右に移動中でないときにBボタンが押されたときには、 反応しないようにしてください。 ヒント クレーンの位置を使って判定する

クレーンの状態図はこのように書ける。 crane39.png 他に動作がおかしな点があるかもしれません。 発見するにはシナリオを 動作を検討するには状態図を 使うとよい。

ぬいぐるみの状態は次の３つが考えられます。 止まっている。 クレーンでつかまれている。 クレーンから開放されて落ちている。 状態図にするとこのようになります。 crane40.png 状態の数が少なく、状態の変わり方も単純なので、 １つのスクリプトで書けそうです。 このように場合分けできます。 crane41.png テストタイル２つを組み合わせて記述できます。 １つめのテストタイルの「いいえ」のところに２つめのテストタイルを入れる

ぬいぐるみの座標をクレーンの座標と同じにすれば、クレーンの動きと一緒にぬいぐるみを動かすことができます。 crane15.png クレーンでつかまれているかどうかの判定はタートルへの距離を用いて行えます。 タートルへの距離は２つのオブジェクトの中心位置の距離を求めるものです。 crane12.png このように記述すると、距離が３０より小さいときぬいぐるみがクレーンと一緒に動きます。 crane11.png クレーンの中心位置と距離の数値をうまく調整して、赤丸の範囲にぬいぐるみの中心位置が入っているかどうか判定できるようにします。 crane14.png

下方向に動かすにはｙ座標を使うのが簡単です。 crane16.png ある色に触れるまで落ちるようにするにはこのように書きます。 crane18.png 下の方に何かを描いておき、その色を判定に使う例です。 y座標で判定してもよい。 crane17.png

クレーンにつかまれている時は クレーンと一緒に動く そうではなくて 指定の色に触れている時は 止まっている そうでない時は 下に動く となり、次のように記述できます。 crane19.png

Aボタンが押されたときのスクリプトに ぬいぐるみを適当な場所に配置し、 ぬいぐるみのスクリプトをチクタクにする処理を 追加します。 クレーンが元の位置までもどったとき、 つかんでいたぬいぐるみが落ちるようにする方法を考えてください。 本物のように動作させるには細かな調整が必要かもしれません。 いろいろ工夫して楽しい作品にしましょう。 例えば 景品をたくさん置いてみたり 取りやすいものと取りにくいものを作り分ける 取り出し口の動きを考える など