|
サイズ: 5678
コメント:
|
サイズ: 2081
コメント:
|
| 削除された箇所はこのように表示されます。 | 追加された箇所はこのように表示されます。 |
| 行 1: | 行 1: |
| == 本を使った作品 == |
## page was renamed from etoys本を使った作品 #acl All: == 本を使った作品(3) == |
| 行 5: | 行 6: |
| ||手順||今回||次回||最終回|| ||全体の構成を考える。||<#ff8888>◎ || || || ||それぞれのページを作る。||<#ff8888>○ ||<#ffff00>○ || || ||ページ内のスクリプトを作る。||<#ff8888>○ ||<#ffff00>○ ||<#88ff88> || ||ページ間のスクリプトを作る。|| ||<#ffff00>◎ ||<#88ff88> || ||全体の調整。|| || ||<#88ff88>◎ || ---- === 全体の構成 === 例をいくつか示します。 |
前回までの内容 * 全体の構成を考える * それぞれのページを作る * ページ内のスクリプトを作る * ページの進め方を考える * ページを初期化するスクリプト * ページを変えるスクリプト |
| 行 15: | 行 14: |
| 組み合わせて使うと面白いと思います。 ==== 例１ ==== ページをめくりながら本を読むような形式のもの。 ページ内であるものをクリックすることで次のページに進むようにできる。 あるものを見つけないと次に進めないようにもできる。 ||<#ffeecc>p.1 起 || . ↓ ||<#ffeecc>p.2 承 || . ↓ ||<#ffeecc>p.3 転 || . ↓ ||<#ffeecc>p.4 結 || ==== 例２ ==== ユーザが、ページ内のどれをクリックするかでストーリーが変わる。 分岐した後でさらに分岐したり、もとに戻ったりなども考えられます。 ||<#ffeecc>p.1 起 || . ↓ ||<#ffeecc>p.2 承 || . ↓ ||<#ffeecc>p.3 質問 || . p.4またはp.5へ ||<#ffeecc>p.4 結１ || . ||<#ffeecc>p.5 結２ || ==== 例３ ==== ストーリーの途中でゲームがある。 ||<#ffeecc>p.1 オープニング || . ↓ ||<#ffeecc>p.2 ストーリー展開 || . ↓ ||<#ffeecc>p.3 ゲーム || . p.4またはp.5へ ||<#ffeecc>p.4 失敗 || . p.3へもどる ||<#ffeecc>p.5 クリア || ---- === それぞれのページを作る === 各ページの作り方はこれまでと同様です。 部品によっては、本の中に直接入れないと入らないものもあります。 入れ物は本の外に置いて使います。 ページ内の背景など動かしたくないものは、クリックしてもつかめないようにしておくとよい。 . ハロを出し、メニューをクリックします。 . {{attachment:book22.png}} . モーフがつかめないかをon(■)にします。 . {{attachment:book23.png}} ---- === ページ内のスクリプト === ページ内で動作するスクリプトはこれまでと同様に作成します。 ---- === １ページ目を作る === １ページ目にはタイトルを書きます。 絵は動かなくて良い。 . {{attachment:book28.png}} はじめるの文字をクリックすると次のページに進むようにする予定です。 ---- === 各ページの初期化スクリプトを作る === 本のスクリプトとして、次のような形式で作ります。 2ページ目初期化の例 . {{attachment:book29.png}} 次のうち必要なものを記入する * スクリプト名はページ２のように変えておくと分かりやすい * １行目でページ番号の指定をする * 動く可能性のあるオブジェクトを始めの位置に移動する * 必要なスクリプトをスタートする 作成したページの数だけ、同様に作成する。 ---- === ページを変える方法 === オブジェクトをクリックしたとき別のページに移動するには このようにします。 . １ページ目にあるはじめるというオブジェクトがクリックされたとき、本のページ２というスクリプトが１回実行される。 . スクリプトの中身はこれだけでよい。 . ノーマル、チクタクの部分を押してマウスアップに変える . {{attachment:book30.png}} あるものにぶつかったとき別のページに進むには このようにします。 . {{attachment:book31.png}} |
今回の内容 * 全体の調整 * 最後の仕上げ |
| 行 116: | 行 20: |
| ==== スクリプトの状態と動作 ==== | 他の人が使う場合を考えて調整します。 |
| 行 118: | 行 22: |
| スクリプトは * チクタクで動作させるもの * １回だけ実行されるもの * 他から呼び出して使うもの に分けられます。 |
本を読む人は操作を間違えるかもしれません。 |
| 行 124: | 行 24: |
| どんなときに実行されるかにより、設定が異なります。 * チクタク １秒間に８回実行されます。 * ノーマル 他から呼び出されるものは、通常は停止しています。 * マウスアップ クリックしたとき(1回)動作します。 |
背景などのオブジェクトは動かせないようにしておきましょう。 |
| 行 129: | 行 26: |
| チクタクで動作させるスクリプトも * ずっと動作していてよいもの * そのページの初期化が終わってから動作させるもの に分けられます。 |
==== 動作確認の準備 ==== 本のビューアを表示し、次のスクリプトを作成し 本の外側に配置してください。 |
| 行 134: | 行 30: |
| 本を読み始める前と、 そのページで動作するときと、 ２つの場合について状態を考えます。 |
. {{attachment:book48.png}} |
| 行 138: | 行 32: |
| ==== 動作確認 ==== | このスクリプトを１回実行（！を押す）すると １ページ目に戻ります。 ページ番号を変えて実行すれば、どのページにも移動できます。 ==== 動作確認１ ==== |
| 行 140: | 行 39: |
==== 動作確認２ ==== |
|
| 行 144: | 行 45: |
| . このとき、１ページ目に戻る以外の操作が必要ないようにします。 ==== 整理 ==== 本を読む人は操作を間違えるかもしれません。 |
---- === 最後の仕上げ === |
| 行 150: | 行 49: |
| ビューア スクリプト 入れ物 |
* ビューア * スクリプト * 入れ物 |
| 行 155: | 行 54: |
| . {{attachment:book50.png}} ページを変えるボタンなども非表示にできます。 |
|
| 行 156: | 行 57: |
| ページを変えるボタンなども非表示にできます。 非表示にする場合は、最初のページに戻る方法を用意しておくこと。 |
上の準備で作成したスクリプトを 開いたときに動作するようにします。 . {{attachment:book49.png}} この状態で保存してください。 すると、このプロジェクトを読み込んだとき １ページ目から実行されるようになります。 |
本を使った作品(3)
本を使った作品を作ります。
前回までの内容
- 全体の構成を考える
- それぞれのページを作る
- ページ内のスクリプトを作る
- ページの進め方を考える
- ページを初期化するスクリプト
- ページを変えるスクリプト
今回の内容
- 全体の調整
- 最後の仕上げ
全体の調整
他の人が使う場合を考えて調整します。
- 本を読む人は操作を間違えるかもしれません。
背景などのオブジェクトは動かせないようにしておきましょう。
動作確認の準備
本のビューアを表示し、次のスクリプトを作成し 本の外側に配置してください。
このスクリプトを１回実行（！を押す）すると １ページ目に戻ります。
ページ番号を変えて実行すれば、どのページにも移動できます。
動作確認１
１ページ目から順に、正しく動作することを確かめます。
動作確認２
終わりまで読んだ後や、途中で１ページ目に戻ったときにも 正しく動作することを確かめます。
最後の仕上げ
次のようなものは、たたむなどして見えないようにしておきます。
- ビューア
- スクリプト
- 入れ物
本のボタンは表示が少ないものにし、ページを増やすなどの操作ができないようにしておくとよい。
ページを変えるボタンなども非表示にできます。
上の準備で作成したスクリプトを 開いたときに動作するようにします。
この状態で保存してください。
すると、このプロジェクトを読み込んだとき １ページ目から実行されるようになります。