• Facebook
  • Twitter
  • Delicious
  • Digg
  • RSS

さて、【Flash Catalystのはなし 迷える子羊編】で書いた記事の解決法を書きます。(結構遅くなりましたが・・・)

やりたい事は下記画像の様に横へ横へスライドしていって最終的には最初に戻ってまたループ、と言うもの。これがCatalystの設定上できない。

やりたいこと

さてその解決法ですが・・・こちら。

動画を設置

パッと見良く分からないでしょうがポイントはバナー画像部分より上の白い四角。
ここに数秒のFLVを読み込んで設置してあります。この「数秒」と言うのはバナーが動き出すまでの時間。
この動画を設置した上でクリックして選択すると画面右の設定ウィンドウの中のインタラクションに「ビデオ再生完了時」と言う項目が表示されます。

設定画面はこちら

ここのインタラクションを追加して

  1. 再生完了時にAからBへのトランジション(ステイトの移動)を実行
    (バナーのスライド移動)
  2. 移動後のステイト上にある同じ動画を再度再生

この二つを設定します。
そうする事によってステイトやボタンの設定に関わらずビデオの再生状況のみを見て移動を無限に繰り返してくれる様になります。
ボタンの方には同じ様にステイトの移動と動画再生を設定すればこのループの動きに干渉して動作させる事が可能になります。

さて上記説明でお分かり頂けましたでしょうか?
説明がヘタクソで全然ワカンネーよ!と言う方は直接僕に聞いて頂くかコメントの方に書き込んでください。

単純にインタラクションに「トランジションループ」と言う項目があれば済む話なのですがこれを発見するのに時間がかかったかかった・・・。
Adobeさん!アップデートで実装をお願いします!

Share and Enjoy