1.テキスト文/マスクの作成
@横300、高さ200の背景を持つシーンを設定する
A適当な幅でテキスト文を書く
Bテキスト文にTextと名前をつける
Cテキスト文に画像を貼り付けてもよいが、そのときは、文と画像をスプライトとしてグループ化する
Dテキスト文(画像を貼り付けた場合はスプライト)よりも若干大きめの幅で高さ160ピクセル程度の四角形を描く
E四角形を下面に置いた状態でスプライトとしてグループ化し、ループ、マスクにチェックを入れる
スプライトをTextScrollと命名する
3.スクロール用矢印の作成
@1.で作成したテキスト枠の右側枠の上部に▲、下部に▼の矢印を入れる(ここではフォントWebdingの5,6を使用)
Aそれぞれの矢印をボタンに変換しロールオーバー効果を付けてもよい
B上下矢印を囲むような大きさで、縦のバーを作成する
4.Textへのactionの付与
@Text(TextScrol下のText文もしくは文と画像のスプライト)に以下のアクションを設定する
Frame0: stop , Frame1: (transform) _y+=-7 , Frame2: Goto Previous Frame
Frame5: (transform) _y+=7 , Frame6: Goto Previous Frame
(注) アクションtransformでText文をy軸方向に1press当たり7ピクセルでダウンする、アップするの動作を指定している
5.矢印(ボタン)へのアクションの付与
<down>
@ボタン▼に以下のイベント、アクションを設定する
イベント:On(Press) アクション:Tell Target "/TextScroll/Text", Goto
Frame 1
イベント:On(Release) アクション: Tell Target "/TextScroll/Text", Stop
<up>
@ボタン▼に以下のイベント、アクションを設定する
イベント:On(Press) アクション:Tell Target "/TextScroll/Text", Goto
Frame 5
イベント:On(Release) アクション: Tell Target "/TextScroll/Text", Stop
SAMPLE
なお、本サンプル作成に当たっては、SWiSH Tutorials.com に記載されているfreebeeezz氏によるmy scrollerを参考にしました。 また、TEXT文は"kazu & yoshi"のサイトのdiaryから引用させていただきました。
「SWiSHのお勉強」に戻る