|
サイズ: 384
コメント:
|
サイズ: 4532
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 3: | 行 3: |
| 状態とは . そのオブジェクト自身の状態 . 属性の値 . 一定の動作を行っている（チクタク） . １回だけの動作を行う（！） イベントとは . 事象 . アクション、入力、なにかが起こった . ぶつかった . ボタンが押された |
|
| 行 4: | 行 16: |
| === 例 === | === 状態図 === 状態は角の丸い長方形で表し、中に内容を書きます。 . {{attachment:joutai01.png}} ある状態から、ある状態に変わることを矢印でつないで表します。 |
| 行 6: | 行 21: |
| つぎのような作品（プロジェクト）を作成する場合を考えます。 | イベントは矢印に記入します。 |
| 行 8: | 行 23: |
| . {{attachment:joutai02.png}} 開始状態は黒丸で表します。 . {{attachment:joutai03.png}} 終了状態が必要なときはこの記号を使います。 . {{attachment:joutai04.png}} ----- === 例１ === {{{ |
|
| 行 10: | 行 35: |
| }}} １匹ずつ考えます。 ウサギの状態を考え、どのように変わるかを矢印でつなぐと状態図ができます。 . {{attachment:joutai05.png}} ---- それぞれの状態の部分に対応するスクリプトを考えます。 {{attachment:joutai06.png}} . 座標を設定すればよいのでこのように書けます。 . {{attachment:joutai10.png}} {{attachment:joutai07.png}} . 進めるタイルを使って書けます。 . {{attachment:joutai11.png}} . スピードや、進む向きの調整もここに書きます。 . 座標への代入を使って動かすこともできます。 {{attachment:joutai08.png}} . 向きを変えるだけなら回すを使って書けます。 . {{attachment:joutai12.png}} . 回す量を調整すること。 {{attachment:joutai09.png}} . 吹き出しを使った書き方の例です。 . {{attachment:joutai13.png}} ---- 次に矢印に対応する処理を追加していきます。 {{attachment:joutai07.png}} . ここから始めます。 . スクリプトは例えばこのように書けました。 . {{attachment:joutai15.png}} . カメにぶつかったときの処理を追加するとこうなります。 . ぶつかったなど条件のイベントはテストタイルで記述します。 . {{attachment:joutai16.png}} ウサギの向きを変えたあと イベント記入のない矢印に対応する命令がありませんが、 このスクリプトがチクタクで動作している状態を考えると、 ぶつかったときに１回向きを変えて、 チクタクにもどっているのが分かります。 . {{attachment:joutai14.png}} ゴールに着いたときの処理も同様にテストタイルで追加できます。 . {{attachment:joutai17.png}} 表示を行った後はチクタク状態に戻らず、 終了するため「ストップする」が必要です。 . {{attachment:joutai18.png}} 開始の処理はボタンのスクリプトに書きます。 . {{attachment:joutai19.png}} 右の矢印は「ウサギのスクリプト１」につながっているので 「ウサギのスクリプト１」をスタートする命令を加えます。 . {{attachment:joutai20.png}} このスクリプトは１回だけ実行されます。チクタクではありません。 ---- === 例２ === {{{ 赤ずきんは花畑によってからおばあさんの家に行く。 }}} 状態とイベントに分けて考えるとこのようになります。 . {{attachment:joutai21.png}} 「花畑に向かっている」と「おばあさんの家に向かっている」は どちらもチクタクで動作します。 それぞれを１つのスクリプトで記述するとすれば、 「花畑に向かっている」は ||<-3#99ff99>○スクリプト１|| ||<-3#ddffdd>花畑の方に進む|| ||<#ffccaa>テスト||<-2#ffccaa>花畑についた|| ||<|2-2#ffccaa>はい||<#ffccaa>スクリプト2をスタートする|| ||<#ffccaa>スクリプト1をストップする|| ||<-2>いいえ|| || 「おばあさんの家に向かっている」は ||<-3#99ff99>○スクリプト２|| ||<-3#ddffdd>おばあさんの家の方に進む|| ||<#ffccaa>テスト||<-2#ffccaa>おばあさんの家についた|| ||<-2#ffccaa>はい||<#ffccaa>スクリプト2をストップする|| ||<-2>いいえ|| || |
状態とイベントに分けて考える
状態とは
- そのオブジェクト自身の状態
- 属性の値
- 一定の動作を行っている（チクタク）
- １回だけの動作を行う（！）
イベントとは
- 事象
- アクション、入力、なにかが起こった
- ぶつかった
- ボタンが押された
状態図
状態は角の丸い長方形で表し、中に内容を書きます。
ある状態から、ある状態に変わることを矢印でつないで表します。
イベントは矢印に記入します。
開始状態は黒丸で表します。
終了状態が必要なときはこの記号を使います。
例１
スタートボタンを押すと２匹がかけっこを始め、どちらかがゴールについたらどちらが勝ったか表示して止まる。 あるものにぶつかったときは別の動作をする。
１匹ずつ考えます。
ウサギの状態を考え、どのように変わるかを矢印でつなぐと状態図ができます。
それぞれの状態の部分に対応するスクリプトを考えます。
- 座標を設定すればよいのでこのように書けます。
- 進めるタイルを使って書けます。
- スピードや、進む向きの調整もここに書きます。
- 座標への代入を使って動かすこともできます。
- 向きを変えるだけなら回すを使って書けます。
- 回す量を調整すること。
- 吹き出しを使った書き方の例です。
次に矢印に対応する処理を追加していきます。
- ここから始めます。
- スクリプトは例えばこのように書けました。
- カメにぶつかったときの処理を追加するとこうなります。
- ぶつかったなど条件のイベントはテストタイルで記述します。
ウサギの向きを変えたあと イベント記入のない矢印に対応する命令がありませんが、 このスクリプトがチクタクで動作している状態を考えると、 ぶつかったときに１回向きを変えて、 チクタクにもどっているのが分かります。
ゴールに着いたときの処理も同様にテストタイルで追加できます。
表示を行った後はチクタク状態に戻らず、 終了するため「ストップする」が必要です。
開始の処理はボタンのスクリプトに書きます。
右の矢印は「ウサギのスクリプト１」につながっているので 「ウサギのスクリプト１」をスタートする命令を加えます。
このスクリプトは１回だけ実行されます。チクタクではありません。
例２
赤ずきんは花畑によってからおばあさんの家に行く。
状態とイベントに分けて考えるとこのようになります。
「花畑に向かっている」と「おばあさんの家に向かっている」は どちらもチクタクで動作します。
それぞれを１つのスクリプトで記述するとすれば、
「花畑に向かっている」は
○スクリプト１
花畑の方に進む
テスト
花畑についた
はい
スクリプト2をスタートする
スクリプト1をストップする
いいえ
「おばあさんの家に向かっている」は
○スクリプト２
おばあさんの家の方に進む
テスト
おばあさんの家についた
はい
スクリプト2をストップする
いいえ