"クレーンゲーム"の差分

4と22のリビジョン間の差分 (その間の編集: 18回)

クレーンゲーム

ゲーム作りを通してプログラム作成の考え方を学びます。(オブジェクト指向)

ゲーム内容

Aボタンを押すとクレーンが動き始め、Bボタンを押すとクレーンが下がり、うまくぬいぐるみをつかんだら運ぶことができます。

クレーンの動きを考える

うまく操作したときのクレーンの動きを考えます。

順に箇条書きにするとこのようになります。(シナリオ)

Aボタンを押す
クレーンが右に動く
Bボタンを押す
クレーンが下に動く
下端についた
クレーンが上に動く
上端についた
クレーンが左に動く
左端についた
停止

図に書くとこのようになります。(状態図)

個々の状態に対応するスクリプトに分け、一度に１つのスクリプトがチクタクで動作するように考えると分かりやすい。

青の点線で囲んだ範囲を１つのスクリプトとして作成します。

スクリプト１～４はどれか１つがチクタクで動作すると考えます。
ボタンが押されたときは、対応するスクリプトを１回実行します。

スクリプト１はこのように書けます。クレーンの絵の向きを変えずに動かす方法は２つあります。

座標を設定する方法で書いた場合
進行方向を設定する方法を用いる場合

スクリプト２は下方向の移動で、下端についたときの処理をテストタイルを使って書きます。

スクリプト３、スクリプト４も同様に書けます。

Aボタンが押されたときは、スクリプト１をスタートすればよい。

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

全体の動作

通常、Aボタンが押されるのは停止状態のときである。

クレーンが動き始める前に、初期位置に移動するなどの処理が必要ならスクリプト１をスタートするまえに行う。

したがって状態図はこのようになる。

動作詳細

上の状態図で考えられていない場面を考える。(別のシナリオ)

次の場合の処理が記述されていません。

スクリプト１が動作しているときにBボタンが押されなかった。
停止状態でないときにAボタンが押された。
スクリプト２，３，４が動いているときにBボタンが押された。

スクリプト１が動作しているときにBボタンが押されないままだと、クレーンが右端を通り過ぎて画面から消えてしまいます。

右端に着いたら左に進む、とすれば状態図はこのようになります。

スクリプト１に処理を追加することで修正できます。

ぬいぐるみの動作

クレーンゲーム (最終更新日時 2012-06-14 12:49:54 更新者 masahiko)

-  ⇤ ← 2011-05-31 12:15:41時点のリビジョン4 → 
  サイズ: 727
  編集者: masahiko
  コメント:
+   ← 2011-06-01 13:51:03時点のリビジョン22 → ⇥
  サイズ: 3489
  編集者: masahiko
  コメント:
-削除された箇所はこのように表示されます。
+追加された箇所はこのように表示されます。
 行 3:
+ゲーム作りを通してプログラム作成の考え方を学びます。(オブジェクト指向)
-行 4:
+行 5:
- ゲームを作りましょう。
+ゲーム内容
 {{{
Aボタンを押すとクレーンが動き始め、Bボタンを押すとクレーンが下がり、うまくぬいぐるみをつかんだら運ぶことができます。
 }}}
-行 7:
+行 11:
- . {{attachment:catch.png}}
状態図で考えるとこのようになります。
+うまく操作したときのクレーンの動きを考えます。
 . {{attachment:crane21.png}}
順に箇条書きにするとこのようになります。(シナリオ)
 1. Aボタンを押す
 1. クレーンが右に動く
 1. Bボタンを押す
 1. クレーンが下に動く
 1. 下端についた
 1. クレーンが上に動く
 1. 上端についた
 1. クレーンが左に動く
 1. 左端についた
 1. 停止

図に書くとこのようになります。(状態図)
-行 10:
+行 27:
-個々の状態に対応するスクリプトを作り
順に１つのスクリプトがチクタクで動作するようにします。
青の点線。
+個々の状態に対応するスクリプトに分け、
一度に１つのスクリプトがチクタクで動作するように考えると分かりやすい。
-行 14:
+行 31:
+青の点線で囲んだ範囲を１つのスクリプトとして作成します。
 . スクリプト１～４はどれか１つが'''チクタク'''で動作すると考えます。
 . ボタンが押されたときは、対応するスクリプトを'''１回'''実行します。

スクリプト１はこのように書けます。
クレーンの絵の向きを変えずに動かす方法は２つあります。
 . 座標を設定する方法で書いた場合
 . {{attachment:crane07.png}}
 . 進行方向を設定する方法を用いる場合
 . {{attachment:crane08.png}}
スクリプト２は下方向の移動で、下端についたときの処理を
テストタイルを使って書きます。
 . {{attachment:crane09.png}}
スクリプト３、スクリプト４も同様に書けます。

Aボタンが押されたときは、スクリプト１をスタートすればよい。

Bボタンが押されたときは、スクリプト１を停止し、スクリプト２をスタートすればよい。
 . {{attachment:crane10.png}}
-行 15:
+行 52:
-=== 動作全体 ===
Aボタンが押されたときの処理を加えれば、とりあえず完成。
+=== 全体の動作 ===
通常、Aボタンが押されるのは停止状態のときである。

クレーンが動き始める前に、
初期位置に移動するなどの処理が必要なら
スクリプト１をスタートするまえに行う。

したがって状態図はこのようになる。
-行 20:
+行 63:
-上の状態図で考えられていないときの処理。
+上の状態図で考えられていない場面を考える。(別のシナリオ)

次の場合の処理が記述されていません。
 * スクリプト１が動作しているときにBボタンが押されなかった。
 * 停止状態でないときにAボタンが押された。
 * スクリプト２，３，４が動いているときにBボタンが押された。

スクリプト１が動作しているときにBボタンが押されないままだと、
クレーンが右端を通り過ぎて画面から消えてしまいます。

右端に着いたら左に進む、とすれば状態図はこのようになります。
 . {{attachment:crane22.png}}
 . スクリプト１に処理を追加することで修正できます。
-行 23:
+行 78:
+----
=== ぬいぐるみの動作 ===
-行 24:
+行 81:
+ . {{attachment:crane11.png}}

Quick Links

Search Wiki

Page Tools