絵を変える
いくつかの画像を用意し、スクリプトを使って表示を変えることができます。
準備
表示したい絵を用意します。
- １つ描いたら複製し、一部修正して作るとよいでしょう。
- 絵が３種類の場合を例としていますが、２つ以上ならいくつでもかまいません。
仮の絵を用意します。
- お絵かきツールで×印を描きました。印だけでよい。
- あとで上で用意した絵に変わります。
名前をつけておきます。こどもとしました。
入れ物に入れる
入れ物を用意します。
- 道具箱から入れ物をとりだして配置します。
- 入れ物はクリックしても移動できません。
- 移動するには動かすハロを使います。
表示したい絵を入れ物に入れます。
- 絵をドラッグして、入れ物の中に入れます。
- このようになります。
- ２枚目、３枚目を入れると縦に並びます。
スクリプトを作る
仮の絵のビューア内の項目と 入れ物のビューア内の項目の両方を使います。
仮の絵のビューアの項目
仮の絵は上で×印を描き、こどもと名前をつけたオブジェクトです。
-
ビューアを開き、画像カテゴリから画像タイルを引き出します。
- このようになります。
入れ物のビューアの項目
入れ物のビューアを開き集合カテゴリを表示します。
カーソル位置の画像タイルを、先に取り出した画像の縮小表示のところに配置します。
- このようになります。
カーソル位置のタイルを矢印のところから引き出して、先に配置したタイルの上に入れます。
動作確認
カーソル位置の値を１にして、！を押し１回実行すると１番目の絵の表示に変わります。
カーソル位置の値を２にして実行すると、２番目の絵の表示に変わります。
- このとき入れ物の中の□の表示位置が変わります。
- □の位置はカーソル位置に対応しています。
動作の確認ができたら、入れ物はたたんでよい。
- たたむには○のハロを使います。
- たたむとこのような表示になります。
応用
上で示したサンプルでは カーソル位置の値を数値で指定しましたが、 この値が変化するようにすれば 絵も変化します。
チクタクが行われるごとに変わったり、 ある条件のときに変わったり、 など応用してみましょう。
例１
例２
例３
いずれの場合も
- カーソル位置の値を指定
- 画像を指定
の２つをこの順に行っています。