welcome: please sign in
location: "etoys絵を変える"の差分
2と9のリビジョン間の差分 (その間の編集: 7回)
⇤ ← 2010-06-10 00:54:21時点のリビジョン2 →
サイズ: 561
編集者: masahiko
コメント:
← 2010-06-11 00:55:40時点のリビジョン9 → ⇥
サイズ: 2770
編集者: masahiko
コメント:
削除された箇所はこのように表示されます。 追加された箇所はこのように表示されます。
行 1: 行 1:
#acl All:
行 3: 行 2:
いくつかの画像を用意し、スクリプトを使って表示を変えることができます。
----
=== 準備 ===
表示したい絵を用意します。
 . １つ描いたら複製し、一部修正して作るとよいでしょう。
 . ３枚の例を示していますが、２枚でもかまいません。
行 4: 行 9:
仮の絵を用意します。
 . お絵かきツールで×印を描きました。印だけでよい。
 . これが上で用意した絵に変わります。
行 5: 行 13:
 . 名前をつけておきます。'''こども'''としました。
行 6: 行 15:
----
=== 入れ物に入れる ===
入れ物を用意します。
 . 道具箱から入れ物をとりだして配置します。
行 7: 行 20:
 . 入れ物はクリックしても移動できません。
 . 移動するには動かすハロを使います。
 . {{attachment:henka09.png}}
表示したい絵を入れ物に入れます。
 . 絵をドラッグして、入れ物の中に入れます。
行 8: 行 26:
 . このようになります。
行 9: 行 28:
 . {{attachment:henka07.png}}
 . {{attachment:henka08.png}}
 . {{attachment:henka09.png}}		  . ２枚目、３枚目を入れると縦に並びます。
 . {{attachment:henka07.png}} {{attachment:henka08.png}}
----
=== スクリプトを作る ===
'''仮の絵'''のビューアのタイルを配置
 . 仮の絵は上で×印を描き、'''こども'''と名前をつけたオブジェクトです。
 . {{attachment:henka02.png}}
 . ビューアを開き、画像カテゴリから'''画像'''タイルを引き出します。
行 13: 行 37:
 . このようになります。
行 14: 行 39:
'''入れ物'''のビューアのタイルを配置
 . 入れ物のビューアを開き'''集合'''カテゴリを表示します。
 . '''カーソル位置の画像'''タイルを、先に取り出した画像の縮小表示のところに配置します。
行 15: 行 43:
 . このようになります。
行 16: 行 45:
 . '''カーソル位置'''のタイルを矢印のところから引き出して、先に配置したタイルの上に入れます。
行 17: 行 47:
----
=== 動作確認 ===
カーソル位置の値を１にして、'''！'''を押し１回実行すると１番目の絵の表示に変わります。
行 18: 行 51:
カーソル位置の値を２にして実行すると、２番目の絵の表示に変わります。
行 19: 行 53:
 . このとき入れ物の中の□の表示位置が変わります。
 . □の位置はカーソル位置に対応しています。

絵を変える

いくつかの画像を用意し、スクリプトを使って表示を変えることができます。

準備

表示したい絵を用意します。

  • １つ描いたら複製し、一部修正して作るとよいでしょう。
  • ３枚の例を示していますが、２枚でもかまいません。

  • henka01.png

仮の絵を用意します。

  • お絵かきツールで×印を描きました。印だけでよい。
  • これが上で用意した絵に変わります。

  • henka02.png

  • 名前をつけておきます。こどもとしました。

  • henka03.png

入れ物に入れる

入れ物を用意します。

  • 道具箱から入れ物をとりだして配置します。

  • henka04.png

  • 入れ物はクリックしても移動できません。
  • 移動するには動かすハロを使います。

  • henka09.png

表示したい絵を入れ物に入れます。

  • 絵をドラッグして、入れ物の中に入れます。

  • henka05.png

  • このようになります。

  • henka06.png

  • ２枚目、３枚目を入れると縦に並びます。

  • henka07.png henka08.png

スクリプトを作る

仮の絵のビューアのタイルを配置

  • 仮の絵は上で×印を描き、こどもと名前をつけたオブジェクトです。

  • henka02.png

  • ビューアを開き、画像カテゴリから画像タイルを引き出します。

  • henka10.png

  • このようになります。

  • henka11.png

入れ物のビューアのタイルを配置

  • 入れ物のビューアを開き集合カテゴリを表示します。

  • カーソル位置の画像タイルを、先に取り出した画像の縮小表示のところに配置します。

  • henka12.png

  • このようになります。

  • henka13.png

  • カーソル位置のタイルを矢印のところから引き出して、先に配置したタイルの上に入れます。

  • henka14.png

動作確認

カーソル位置の値を１にして、！を押し１回実行すると１番目の絵の表示に変わります。

  • henka15.png

カーソル位置の値を２にして実行すると、２番目の絵の表示に変わります。

  • henka16.png

  • このとき入れ物の中の□の表示位置が変わります。
  • □の位置はカーソル位置に対応しています。

  • henka17.png

etoys絵を変える (最終更新日時 2012-05-31 02:55:24 更新者 masahiko)