ＳＷＩＳＨのお勉強

（５）ブラインド状に画像が切れて入れ替わる

　１．イメージ（画像）を　A、B　２枚用意する(例では、200*200ピクセルのｍａｎとｌａｄｙ)。
　　　これらを、幅200、高さ200のムービーの中央に配置する。

　２．A、Bのそれぞれをスプライトに変換する（ｍ１、ｌ１とする）。

　３．A、Bそれぞれにつき、幅20ピクセル、たて２00ピクセルのマスク用長方形をイメージの一番左の背後に置き、スプライトとしてグループ化する（ｍ１＋長方形→M1、ｌ１＋長方形→L１）。　作成したスプライト（M1、L1のマスクにチェックを入れる。

　４．３でグループ化したM１とL１をスプライトとしてグループ化する（ｓ１とする)。
　　　　　　　　　　

　５．プロパティーウインドウの変形タグを選び、以下のように中心座標を設定する。
　　　　　(1)長方形シェイプ：　x= 0 , y= 0
　　　　　(2)２で作成した画像のスプライト（ｍ１、ｌ１とも）：　x= 90 , y= 0
　　　　　(3)３で作成した画像と長方形をグループ化したスプライト（M1、L1とも）：　x= -90 , y= 0　　　　　　　　　　

　６．３で作成したスプライトにエフェクト（オブジェクトの変形）をつける。
　　　　　倍率は全て１００％に設定。角度はｘのみ以下のように設定するが、ｙは全て0に設定する。
　　　　　A：Frame0：置く
　　　　　 　Frame20-44：オブジェクトの変形　初期：設定なし、最終：角度９０度
　　　　　　 Frame135-159：オブジェクトの変形　初期：180度、最終：角度270度
　　　　　B：Frame45-69：オブジェクトの変形　初期：270度、最終：角度360度
　　　　　　 Frame110-134：オブジェクトの変形　初期：設定なし、最終：角度９０度

　　　　　＜ここまでで試しにｐｌａｙさせてみて下さい。　一番左端が回転していたら成功です。＞　

　７．６までで作成したスプライトｓ１をコピーし、ｓ１からｓ10まで合計１０枚のスプライトを作成する。

　８．No.2から10までのスプライトに含まれるスプライトの中心座標（ｘのみ）をm1､M1、l1､L1の座標から以下のようにずらして配置する。
　　　　　ｍ、ｌ： 　x 座標値を　90から20ずつ減らす。　No10では　x=-90 となる。
　　　　　Ｍ、Ｌ：　x 座標値を　-90から20ずつ増やす。　No.10では　x=90　となる。

　９．No1からNo10までのスプライトをスプライトとしてグループ化する。

　１０．最背部にテキスト(文字)を挿入し、ブラインドが開いたときに見えるようにしてもよい。

　ＳＡＭＰＬＥ

　（ここで使用したイラスト画像は、インターネットのサイトからダウンロードしたものです。しかし、そのサイト名を書きとめたものをなくしてしまいした。無断で借用いたしますが、ご存知の方がいらっしゃいましたら、ご一報ください)

　　　　　　　　　　　ｓｗｉファイルのダウンロード

　なお、このエフェクトは、SwiSH　Tutorials.com記載のHoosier Daddy氏のBlinds effectと内容的には同じものです。　座標や角度の設定などをかなりシンプルにしましたので、分かりやすいと思います。　

　上記の説明で、分かりにくい方は、以下の例をさらに参考にしてください。

　　　　　　ｓｗｉファイルのＤＬ（１）　　　　　　　　　　　　ｓｗｉファイルのＤＬ（２）　　　　　　　　　　　　　　　

ＳＷｉＳＨのお勉強に戻る　　　　お問い合わせ、ご連絡：mail@tyoshioka.com