【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で制作

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

フリーランスWebデザイナー。好きなフルーツはグレープフルーツです。あの苦味と酸味がたまりません。デジタルハリウッド・職業訓練講師。空撮始めました。

目次