１．テキスト枠の作成
①W250,H125ピクセルの四角形をキャンバス中央に描く
②W235,H110ピクセルの四角形を上記四角形と同心にして描く
③二つの四角形の色、もしくは模様を同一にしておく
④二つの四角形を同時に選択し、シェイプとしてグループ化する
⑤内側の四角形がくり抜かれた枠ができる
２．テキスト文/マスクの作成
①１で作成した枠の内枠より若干大きめの四角形を枠と同心に描く（色は何色でも良い）
②枠に収まる程度の幅でテキスト文を書き２．①で作成した四角形に上部同志が重なるように置く
③テキスト文にTEXTと名前をつける
このとき、写真などの画像を入れたいときは、文中に貼り付けてスプライトとしてグループ化する
④２．①,②のテキスト文と四角形を四角形を下面に置いた状態でスプライトとしてグループ化し、ループ、マスクにチェックを入れ、スプライトをtext_scrollと命名する
⑤テキスト文のフレーム０－３０に移動のエフェクトを入れ、テキスト文の一番下が枠の下部に差し掛かるまで移動させる
⑥スプライトのフレーム0とフレーム31にｓｔｏｐのアクションを入れる
３．スクロール用矢印の作成
①１．で作成したテキスト枠の右側枠の上部に▲、下部に▼の矢印を入れる（ここではフォントＷｅｂｄｉｎｇの５，６を使用)
②矢印は好みの色にしてもよい
③それぞれの矢印と重ねて、矢印を覆う程度の透明の小さな四角形を描く
④上向き、下向きそれぞれについて矢印と透明な四角形をスプライトとしてグループ化する
（注）透明な四角形はあとでアクションを付与するため、透明な四角形は線と塗りをなしにするとできる
４．矢印（スプライト）へのアクションの付与
＜down_scroll＞
①スプライト（down_scroll）のフレーム０にｓｔｏｐアクションを入れる
②透明な四角形のイベント、アクションとして以下を記述する
イベント：On(Press) アクション：Tell Target "/text_scroll", Play
イベント：Ｏｎ（Ｒｅｌｅａｓｅ） アクション： Tell Target "/text_scroll", Ｓｔｏｐ
＜up_scroll＞
①スプライト（up_scroll）のフレーム0にＳｔｏｐ、フレーム①にTell Target "/text_scroll",
Goto Previous Frame（再生チェックオフ）
フレーム３にGoto Previous Frame （再生チェックオン）を入れる
②透明な四角形のイベント、アクションは以下とする
イベント：On(Press) アクション：Goto Frame1
イベント：Ｏｎ（Ｒｅｌｅａｓｅ） アクション：Goto Frame0
（注）矢印をＰｒｅｓｓすると、text_scrollを１フレームずつ前に戻る（上にスクロールする）動作を作っている
５．ダウンスクロールでの動作制御
①スプライトdown_scrollのフレーム０および１にＳｔｏｐを入れる
②透明な四角形のフレーム0に「置く」、フレーム1に「削除」を入れる
③スプライトtext_scrollに以下のアクションを付与する
フレーム0：Tell Target "/down_scroll" Goto Frame0 (再生のチェックオフ）
フレーム29：Tell Target "/down_scroll" Goto Frame0 (再生のチェックオフ）
フレーム30：Tell Target "/down_scroll" Goto Frame１ (再生のチェックオフ）
（注）text_scrollの30フレームまで進むと、透明な四角形が削除され、ダウンスクロールするアクションを解除します
ＳＡＭＰＬＥ
なお、本サンプル作成に当たっては、SWiSH Tutorials.com のTutorialsに記載されているＴｅｘｔｓｃｒｏｌｌｅｒを参考にしました。
また、ＴＥＸＴ文は、”ｋａｚｕ ＆ ｙｏｓｈｉ” のページのｄｉａｒｙから拝借しました。
「ＳＷｉＳＨのお勉強」に戻る