welcome: please sign in
location: "etoys本を使った作品(3)"の差分
7と22のリビジョン間の差分 (その間の編集: 15回)
⇤ ← 2011-07-15 00:54:37時点のリビジョン7 →
サイズ: 1758
編集者: masahiko
コメント:
← 2012-07-16 13:15:43時点のリビジョン22 → ⇥
サイズ: 3375
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 1: 行 1:
== 本を使った作品 ==
 ## page was renamed from etoys本を使った作品
#acl All:
== 本を使った作品(3) ==
行 5: 行 6:
 ||手順||今回||次回||最終回||
 ||全体の構成を考える。||<#ff8888>◎ || || ||
 ||それぞれのページを作る。||<#ff8888>○ ||<#ffff00>○ || ||
 ||ページ内のスクリプトを作る。||<#ff8888>○ ||<#ffff00>○ ||<#88ff88> ||
 ||ページ間のスクリプトを作る。|| ||<#ffff00>◎ ||<#88ff88> ||
 ||全体の調整。|| || ||<#88ff88>◎ ||		 前回までの内容
 * 全体の構成を考える
 * それぞれのページを作る
 * ページ内のスクリプトを作る
 * ページを初期化するスクリプト
 * ページを変えるスクリプト

今回の内容
 * 全体の調整
 * その他
行 12: 行 18:
=== 全体の構成 ===
例をいくつか示します。		 === 各ページの初期化スクリプトを作る ===
行 15: 行 20:
組み合わせて使うと面白いと思います。 本のスクリプトとして、次のような形式で作ります。
行 17: 行 22:
==== 例１ ====
ページをめくりながら本を読むような形式のもの。		 2ページ目初期化の例
 . {{attachment:book29.png}}
行 20: 行 25:
ページ内であるものをクリックすることで次のページに進むようにできる。
あるものを見つけないと次に進めないようにもできる。		 次のうち必要なものを記入する
 * スクリプト名はページ２のように変えておくと分かりやすい
 * １行目でページ番号の指定をする
 * 動く可能性のあるオブジェクトを始めの位置に移動する
 * 必要なスクリプトをスタートする
行 23: 行 31:
 ||<#ffeecc>p.1　起　||
  . ↓
 ||<#ffeecc>p.2　承　||
  . ↓
 ||<#ffeecc>p.3　転　||
  . ↓
 ||<#ffeecc>p.4　結　||		 作成したページの数だけ、同様に作成する。
行 31: 行 33:
==== 例２ ====
ユーザが、ページ内のどれをクリックするかでストーリーが変わる。		 ----
=== ページを変える方法 ===
オブジェクトをクリックしたとき別のページに移動するには
このようにします。
行 34: 行 38:
分岐した後でさらに分岐したり、もとに戻ったりなども考えられます。
 ||<#ffeecc>p.1　起　||
  . ↓
 ||<#ffeecc>p.2　承　||
  . ↓
 ||<#ffeecc>p.3　質問　||
  . p.4またはp.5へ
 ||<#ffeecc>p.4　結１　||
  .
 ||<#ffeecc>p.5　結２　||		  . １ページ目にあるはじめるというオブジェクトがクリックされたとき、本のページ２というスクリプトが１回実行される。
行 45: 行 40:
==== 例３ ====
ストーリーの途中でゲームがある。
 ||<#ffeecc>p.1　オープニング　||
  . ↓
 ||<#ffeecc>p.2　ストーリー展開　||
  . ↓
 ||<#ffeecc>p.3　ゲーム　||
  . p.4またはp.5へ
 ||<#ffeecc>p.4　失敗　||
  . p.3へもどる
 ||<#ffeecc>p.5　クリア　||		  . スクリプトの中身はこれだけでよい。

 . ノーマル、チクタクの部分を押してマウスアップに変える
 . {{attachment:book30.png}}
あるものにぶつかったとき別のページに進むには
このようにします。
 . {{attachment:book31.png}}

----
=== 全体の調整 ===
==== スクリプトの状態と動作 ====

スクリプトは
 * チクタクで動作させるもの
 * １回だけ実行されるもの
 * 他から呼び出して使うもの
に分けられます。

どんなときに実行されるかにより、設定が異なります。
 * チクタク　１秒間に８回実行されます。
 * ノーマル　他から呼び出されるものは、通常は停止しています。
 * マウスアップ　クリックしたとき(1回)動作します。

チクタクで動作させるスクリプトも
 * ずっと動作していてよいもの
 * そのページの初期化が終わってから動作させるもの
に分けられます。

本を読み始める前と、
そのページで動作するときと、
２つの場合について状態を考えます。

==== 動作確認 ====
１ページ目から順に、正しく動作することを確かめます。

終わりまで読んだ後や、途中で１ページ目に戻ったときにも
正しく動作することを確かめます。

 . このとき、１ページ目に戻る以外の操作が必要ないようにします。

==== 整理 ====
本を読む人は操作を間違えるかもしれません。

次のようなものは、たたむなどして見えないようにしておきます。
 * ビューア
 * スクリプト
 * 入れ物

本のボタンは表示が少ないものにし、ページを増やすなどの操作ができないようにしておくとよい。

ページを変えるボタンなども非表示にできます。
非表示にする場合は、最初のページに戻る方法を用意しておくこと。

本を使った作品(3)

本を使った作品を作ります。

前回までの内容

  • 全体の構成を考える
  • それぞれのページを作る
  • ページ内のスクリプトを作る
  • ページを初期化するスクリプト
  • ページを変えるスクリプト

今回の内容

  • 全体の調整
  • その他

各ページの初期化スクリプトを作る

本のスクリプトとして、次のような形式で作ります。

2ページ目初期化の例

  • [添付]

次のうち必要なものを記入する

  • スクリプト名はページ２のように変えておくと分かりやすい
  • １行目でページ番号の指定をする
  • 動く可能性のあるオブジェクトを始めの位置に移動する
  • 必要なスクリプトをスタートする

作成したページの数だけ、同様に作成する。

ページを変える方法

オブジェクトをクリックしたとき別のページに移動するには このようにします。

  • １ページ目にあるはじめるというオブジェクトがクリックされたとき、本のページ２というスクリプトが１回実行される。
  • スクリプトの中身はこれだけでよい。
  • ノーマル、チクタクの部分を押してマウスアップに変える

  • [添付]

あるものにぶつかったとき別のページに進むには このようにします。

  • [添付]

全体の調整

スクリプトの状態と動作

スクリプトは

  • チクタクで動作させるもの
  • １回だけ実行されるもの
  • 他から呼び出して使うもの

に分けられます。

どんなときに実行されるかにより、設定が異なります。

  • チクタク　１秒間に８回実行されます。
  • ノーマル　他から呼び出されるものは、通常は停止しています。
  • マウスアップ　クリックしたとき(1回)動作します。

チクタクで動作させるスクリプトも

  • ずっと動作していてよいもの
  • そのページの初期化が終わってから動作させるもの

に分けられます。

本を読み始める前と、 そのページで動作するときと、 ２つの場合について状態を考えます。

動作確認

１ページ目から順に、正しく動作することを確かめます。

終わりまで読んだ後や、途中で１ページ目に戻ったときにも 正しく動作することを確かめます。

  • このとき、１ページ目に戻る以外の操作が必要ないようにします。

整理

本を読む人は操作を間違えるかもしれません。

次のようなものは、たたむなどして見えないようにしておきます。

  • ビューア
  • スクリプト
  • 入れ物

本のボタンは表示が少ないものにし、ページを増やすなどの操作ができないようにしておくとよい。

ページを変えるボタンなども非表示にできます。 非表示にする場合は、最初のページに戻る方法を用意しておくこと。

etoys本を使った作品(3) (最終更新日時 2012-07-27 00:22:46 更新者 masahiko)