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