|
サイズ: 989
コメント:
|
サイズ: 2367
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 3: | 行 3: |
| ゲーム作りを通してプログラム作成の手順を学びます。 | ゲーム作りを通してプログラム作成の考え方を学びます。(オブジェクト指向) |
| 行 5: | 行 5: |
| Aボタンを押すとクレーンが動き始め、 Bボタンを押すとクレーンが下がり、 うまくぬいぐるみをつかんだら運ぶことができます。 |
ゲーム内容 {{{ Aボタンを押すとクレーンが動き始め、Bボタンを押すとクレーンが下がり、うまくぬいぐるみをつかんだら運ぶことができます。 }}} |
| 行 11: | 行 11: |
| うまく操作したときのクレーンの動きを考えます。 | |
| 行 12: | 行 13: |
| 状態図で考えるとこのようになります。 | 順に箇条書きにするとこのようになります。(シナリオ) 1. クレーンが右に動く 1. Bボタンを押す 1. クレーンが下に動く 1. 下端についた 1. クレーンが上に動く 1. 上端についた 1. クレーンが右に動く 1. 右端についた 1. 停止 図に書くとこのようになります。(状態図) |
| 行 14: | 行 26: |
| 個々の状態に対応するスクリプトを作り 順に１つのスクリプトがチクタクで動作するようにします。 青の点線。 |
個々の状態に対応するスクリプトに分け、 一度に１つのスクリプトがチクタクで動作するように考えると分かりやすい。 |
| 行 18: | 行 30: |
| 青の点線で囲んだ範囲を１つのスクリプトとして作成します。 「右に動く」が２箇所ありますが、 それぞれ別の状態と考え、別のスクリプトにするほうが考えやすい。 スクリプト１はこのように書けます。 クレーンの絵の向きを変えずに動かす方法は２つあります。 . 座標を設定する方法で書いた場合 . {{attachment:crane07.png}} . 進行方向を設定する方法を用いる場合 . {{attachment:crane08.png}} Bボタンが押されたときは、スクリプト１を停止し、スクリプト２をスタートすればよい。 . {{attachment:crane10.png}} スクリプト２は下方向の移動で、下端についたときの処理を テストタイルを使って書きます。 . {{attachment:crane09.png}} スクリプト３、スクリプト４も同様に書けます。 |
クレーンゲーム
ゲーム作りを通してプログラム作成の考え方を学びます。(オブジェクト指向)
ゲーム内容
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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=catch.png "[添付]"){kind=small}
順に箇条書きにするとこのようになります。(シナリオ)
- クレーンが右に動く
- 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=0067248040.d0060966a641e8ef21a0840f272dc0bc&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=0067248040.d0060966a641e8ef21a0840f272dc0bc&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=0067248040.d0060966a641e8ef21a0840f272dc0bc&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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=crane08.png "[添付]"){kind=small}
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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=crane10.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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=crane09.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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=crane03.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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=crane04.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=0067248040.d0060966a641e8ef21a0840f272dc0bc&target=crane05.png "[添付]"){kind=small}