|
サイズ: 2367
コメント:
|
サイズ: 6464
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 12: | 行 12: |
| . {{attachment:catch.png}} | . {{attachment:crane21.png}} |
| 行 14: | 行 14: |
| 1. Aボタンを押す | |
| 行 20: | 行 21: |
| 1. クレーンが右に動く 1. 右端についた |
1. クレーンが左に動く 1. 左端についた |
| 行 31: | 行 32: |
「右に動く」が２箇所ありますが、 それぞれ別の状態と考え、別のスクリプトにするほうが考えやすい。 |
. スクリプト１～４はどれか１つが'''チクタク'''で動作すると考えます。 . ボタンが押されたときは、対応するスクリプトを'''１回'''実行します。 |
| 行 41: | 行 41: |
| Bボタンが押されたときは、スクリプト１を停止し、スクリプト２をスタートすればよい。 . {{attachment:crane10.png}} |
|
| 行 47: | 行 45: |
Aボタンが押されたときは、スクリプト１をスタートすればよい。 Bボタンが押されたときは、スクリプト１を停止し、スクリプト２をスタートすればよい。 . {{attachment:crane10.png}} |
|
| 行 48: | 行 52: |
| === 動作全体 === Aボタンが押されたときの処理を加えれば、とりあえず完成。 |
=== 全体の動作 === 通常、Aボタンが押されるのは停止状態のときである。 クレーンが動き始める前に、 初期位置に移動するなどの処理が必要なら スクリプト１をスタートするまえに行う。 したがって状態図はこのようになる。 |
| 行 53: | 行 63: |
| 上の状態図で考えられていないときの処理。 | 上の状態図で考えられていない場面を考える。(別のシナリオ) |
| 行 55: | 行 65: |
| . {{attachment:crane04.png}} | 例えば、次の場合の処理が記述されていません。 * スクリプト１が動作しているときにBボタンが押されなかった。 * 停止状態でないときにAボタンが押された。 スクリプト１が動作しているときにBボタンが押されないままだと、 クレーンが右端を通り過ぎて画面から消えてしまいます。 . 右端に着いたら左に進む、とすれば状態図はこのようになります。 . {{attachment:crane22.png}} . スクリプト１に処理を追加することで修正できます。 停止状態でないときにAボタンが押された場合、 次の処理を行えば最初から行われるようにできる。 . スクリプト１～４を停止する。 . クレーンを初期位置に戻す。 . スクリプト１をスタートする。 他にも動作がおかしな点があるかもしれません。 . 発見するにはシナリオを . 動作を検討するには状態図を 使うとよい。 |
| 行 58: | 行 88: |
| ぬいぐるみの状態は次の３つが考えられます。 . 止まっている。 . クレーンでつかまれている。 . クレーンから開放されて落ちている。 状態図にするとこのようになります。 |
|
| 行 59: | 行 94: |
| 状態の数が少なく、状態の変わり方も単純なので、 １つのスクリプトで書けそうです。 クレーンでつかまれているときを考えます。 . ぬいぐるみの座標をクレーンの座標と同じにすれば、クレーンの動きと一緒にぬいぐるみを動かすことができます。 . {{attachment:crane15.png}} . クレーンでつかまれているかどうかの判定は'''タートルへの距離'''を用いて行えます。 . '''タートルへの距離'''は２つのオブジェクトの中心位置の距離を求めるものです。 . {{attachment:crane12.png}} . このように記述すると、距離が３０より小さいときぬいぐるみがクレーンと一緒に動きます。 . {{attachment:crane11.png}} . クレーンの中心位置と距離の数値をうまく調整して、赤丸の範囲にぬいぐるみの中心位置が入っているかどうか判定できるようにします。 . {{attachment:crane14.png}} クレーンから落ちるときを考えます。 . 下方向に動かすにはｘ座標を使うのが簡単です。 . {{attachment:crane16.png}} . ある色に触れるまで落ちるようにするにはこのように書きます。 . {{attachment:crane18.png}} . 下の方に何かを描いておき、その色を判定に使えばよい。 . {{attachment:crane17.png}} ３つの状態をまとめると . クレーンにつかまれている時は . クレーンと一緒に動く . そうではなくて . 指定の色に触れている時は . 止まっている . そうでない時は . 下に動く となり、次のように記述できます。 . {{attachment:crane19.png}} ---- === 全体の動作 === ぬいぐるみを適当な場所に配置し、 ぬいぐるみのスクリプトをチクタクにする処理を Aボタンが押されたときのスクリプトに追加します。 本物のように動作させるには細かな調整が必要かもしれません。 いろいろ考えて試みてください。 ---- === 補足 === 次のようなことを行いたいと思っていることでしょう。 . クレーンが開いたり閉じたりする。 . Bボタンは１回しか押せないようにする。 ある機能を使うと簡単にできます。 近々解説します。 |
クレーンゲーム
ゲーム作りを通してプログラム作成の考え方を学びます。(オブジェクト指向)
ゲーム内容
Aボタンを押すとクレーンが動き始め、Bボタンを押すとクレーンが下がり、うまくぬいぐるみをつかんだら運ぶことができます。
クレーンの動きを考える
うまく操作したときのクレーンの動きを考えます。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane21.png "[添付]"){kind=small}
順に箇条書きにするとこのようになります。(シナリオ)
- Aボタンを押す
- クレーンが右に動く
- Bボタンを押す
- クレーンが下に動く
- 下端についた
- クレーンが上に動く
- 上端についた
- クレーンが左に動く
- 左端についた
- 停止
図に書くとこのようになります。(状態図)
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane01.png "[添付]"){kind=small}
個々の状態に対応するスクリプトに分け、 一度に１つのスクリプトがチクタクで動作するように考えると分かりやすい。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane02.png "[添付]"){kind=small}
青の点線で囲んだ範囲を１つのスクリプトとして作成します。
スクリプト１～４はどれか１つがチクタクで動作すると考えます。
ボタンが押されたときは、対応するスクリプトを１回実行します。
スクリプト１はこのように書けます。 クレーンの絵の向きを変えずに動かす方法は２つあります。
- 座標を設定する方法で書いた場合
![[添付]](/~masahiko/moin_static199/moniker/img/attach.png "[添付]")
- 進行方向を設定する方法を用いる場合
-
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane07.png "[添付]"){kind=small}
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane08.png "[添付]"){kind=small}
スクリプト２は下方向の移動で、下端についたときの処理を テストタイルを使って書きます。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane09.png "[添付]"){kind=small}
スクリプト３、スクリプト４も同様に書けます。
Aボタンが押されたときは、スクリプト１をスタートすればよい。
Bボタンが押されたときは、スクリプト１を停止し、スクリプト２をスタートすればよい。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane10.png "[添付]"){kind=small}
全体の動作
通常、Aボタンが押されるのは停止状態のときである。
クレーンが動き始める前に、 初期位置に移動するなどの処理が必要なら スクリプト１をスタートするまえに行う。
したがって状態図はこのようになる。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane03.png "[添付]"){kind=small}
動作詳細
上の状態図で考えられていない場面を考える。(別のシナリオ)
例えば、次の場合の処理が記述されていません。
- スクリプト１が動作しているときにBボタンが押されなかった。
- 停止状態でないときにAボタンが押された。
スクリプト１が動作しているときにBボタンが押されないままだと、 クレーンが右端を通り過ぎて画面から消えてしまいます。
- 右端に着いたら左に進む、とすれば状態図はこのようになります。
-
- スクリプト１に処理を追加することで修正できます。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane22.png "[添付]"){kind=small}
停止状態でないときにAボタンが押された場合、 次の処理を行えば最初から行われるようにできる。
- スクリプト１～４を停止する。
- クレーンを初期位置に戻す。
- スクリプト１をスタートする。
他にも動作がおかしな点があるかもしれません。
- 発見するにはシナリオを
- 動作を検討するには状態図を
使うとよい。
ぬいぐるみの動作
ぬいぐるみの状態は次の３つが考えられます。
- 止まっている。
- クレーンでつかまれている。
- クレーンから開放されて落ちている。
状態図にするとこのようになります。
![[添付]](/~masahiko/moin.cgi/%E3%82%AF%E3%83%AC%E3%83%BC%E3%83%B3%E3%82%B2%E3%83%BC%E3%83%A0?action=AttachFile&do=upload_form&ticket=00676a2836.4eea477d17e4970f787a3516b88850e1&target=crane05.png "[添付]"){kind=small}
状態の数が少なく、状態の変わり方も単純なので、 １つのスクリプトで書けそうです。
クレーンでつかまれているときを考えます。
- ぬいぐるみの座標をクレーンの座標と同じにすれば、クレーンの動きと一緒にぬいぐるみを動かすことができます。
クレーンでつかまれているかどうかの判定はタートルへの距離を用いて行えます。
タートルへの距離は２つのオブジェクトの中心位置の距離を求めるものです。
- このように記述すると、距離が３０より小さいときぬいぐるみがクレーンと一緒に動きます。
- クレーンの中心位置と距離の数値をうまく調整して、赤丸の範囲にぬいぐるみの中心位置が入っているかどうか判定できるようにします。
クレーンから落ちるときを考えます。
- 下方向に動かすにはｘ座標を使うのが簡単です。
- ある色に触れるまで落ちるようにするにはこのように書きます。
- 下の方に何かを描いておき、その色を判定に使えばよい。
３つの状態をまとめると
- クレーンにつかまれている時は
- クレーンと一緒に動く
- そうではなくて
- 指定の色に触れている時は
- 止まっている
- そうでない時は
- 下に動く
となり、次のように記述できます。
全体の動作
ぬいぐるみを適当な場所に配置し、 ぬいぐるみのスクリプトをチクタクにする処理を Aボタンが押されたときのスクリプトに追加します。
本物のように動作させるには細かな調整が必要かもしれません。
いろいろ考えて試みてください。
補足
次のようなことを行いたいと思っていることでしょう。
- クレーンが開いたり閉じたりする。
- Bボタンは１回しか押せないようにする。
ある機能を使うと簡単にできます。 近々解説します。