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

部品によっては、本の中に直接入れないと入らないものもあります。

入れ物は本の外に置いて使います。

ページ内の背景など動かしたくないものは、クリックしてもつかめないようにしておくとよい。
 . ハロを出し、メニューをクリックします。
 . {{attachment:book22.png}}
 . モーフがつかめないかをon(■)にします。
 . {{attachment:book23.png}}
----
=== ページ内のスクリプト ===

ページ内で動作するスクリプトはこれまでと同様に作成します。

----
=== 1ページ目を作る ===
1ページ目にはタイトルを書きます。

絵は動かなくて良い。
 . {{attachment:book28.png}}
はじめるの文字をクリックすると次のページに進むようにする予定です。

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

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

2ページ目初期化の例
 . {{attachment:book29.png}}

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

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

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

 . 1ページ目にあるはじめるというオブジェクトがクリックされたとき、本のページ2というスクリプトが1回実行される。

 . スクリプトの中身はこれだけでよい。

 . ノーマル、チクタクの部分を押してマウスアップに変える
 . {{attachment:book30.png}}
あるものにぶつかったとき別のページに進むには
このようにします。
 . {{attachment:book31.png}}
今回の内容
 * 全体の調整
 * 最後の仕上げ
行 72: 行 19:
==== スクリプトの状態と動作 ==== 他の人が使う場合を考えて調整します。
行 74: 行 21:
スクリプトは
 * チクタクで動作させるもの
 * 1回だけ実行されるもの
 * 他から呼び出して使うもの
に分けられます。
 本を読む人は操作を間違えるかもしれません。
行 80: 行 23:
どんなときに実行されるかにより、設定が異なります。
 * チクタク 1秒間に8回実行されます。
 * ノーマル 他から呼び出されるものは、通常は停止しています。
 * マウスアップ クリックしたとき(1回)動作します。
背景などのオブジェクトは動かせないようにしておきましょう。
行 85: 行 25:
チクタクで動作させるスクリプトも
 * ずっと動作していてよいもの
 * そのページの初期化が終わってから動作させるもの
に分けられます。
==== 動作確認の準備 ====
本のビューアを表示し、次のスクリプトを作成し
本の外側に配置してください。
行 90: 行 29:
本を読み始める前と、
そのページで動作するときと、
2つの場合について状態を考えます。
 . {{attachment:book48.png}}
行 94: 行 31:
==== 動作確認 ==== このスクリプトを1回実行(!を押す)すると
1ページ目に戻ります。

ページ番号を変えて実行すれば、どのページにも移動できます。

==== 動作確認1 ====
行 96: 行 38:

==== 動作確認2 ====
行 100: 行 44:
 . このとき、1ページ目に戻る以外の操作が必要ないようにします。

==== 整理 ====
本を読む人は操作を間違えるかもしれません。
----
=== 最後の仕上げ ===
行 110: 行 52:
本のボタンは表示が少ないものにし、ページを増やすなどの操作ができないようにしておくとよい。 本のビューアで、本の操作の中にある
 本のページコントロールを表示を'''いいえ'''
にします。
行 112: 行 56:
ページを変えるボタンなども非表示にできます。
非表示にする場合は、最初のページに戻る方法を用意しておくこと。
 . {{attachment:book50.png}}
本の上部にあったボタン類の表示がなくなります。

動作確認の準備で作成したスクリプトのノーマルの部分をクリックし
 このスクリプトを実行するときは? から '''開いたとき'''
を選びます。

このようになります。
 . {{attachment:book49.png}}

この状態で保存してください。

このプロジェクトを読み込んだとき
1ページ目から実行されるようになります。

本を使った作品(3)

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

前回までの内容

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

今回の内容

  • 全体の調整
  • 最後の仕上げ


全体の調整

他の人が使う場合を考えて調整します。

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

背景などのオブジェクトは動かせないようにしておきましょう。

動作確認の準備

本のビューアを表示し、次のスクリプトを作成し 本の外側に配置してください。

  • book48.png

このスクリプトを1回実行(!を押す)すると 1ページ目に戻ります。

ページ番号を変えて実行すれば、どのページにも移動できます。

動作確認1

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

動作確認2

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


最後の仕上げ

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

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

本のビューアで、本の操作の中にある

  • 本のページコントロールを表示をいいえ

にします。

  • book50.png

本の上部にあったボタン類の表示がなくなります。

動作確認の準備で作成したスクリプトのノーマルの部分をクリックし

  • このスクリプトを実行するときは? から 開いたとき

を選びます。

このようになります。

  • book49.png

この状態で保存してください。

このプロジェクトを読み込んだとき 1ページ目から実行されるようになります。

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