SWISHのお勉強

(8)テキストスクロールウインドウの作成(2)

作成方法

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のお勉強」に戻る