【Animate CC】時間帯によって背景を変更

案件の検証でAnimate CCのHTML5 Canvasで時間帯によって3パターンの背景を変更出来るか検証してみました。

まずは、サンプルをご覧ください。

スポンサーリンク
レクタングル(大)広告

3パターンの背景を用意

■daytime:5時〜15時台の場合

■evening:16時〜18時台の場合

■night:19時〜4時台の場合

Animate CCの中身

1フレーム目の【as】のレイヤーにアクションスクリプトを記入しました。

daytime:5時〜15時台の場合はgotoAndStopで【daytime】ラベル名(2フレーム目)に飛ばしています。

evening:16時〜18時台の場合はgotoAndStopで【evening】ラベル名(3フレーム目)に飛ばしています。

night:19時〜4時台の場合はgotoAndStopで【night】ラベル名(4フレーム目)に飛ばしています。

Flaファイルデータ

bg-change.zip(17KB)
※Animate CC 2017で制作

スポンサーリンク
レクタングル(大)広告

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
レクタングル(大)広告