ブラウザのウィンドウをリサイズするとcanvasが点滅（再描画？）する。また、スマホで閲覧する時もスクロールごとに点滅（再描画？）する。

Question

adobe cc animateで作成した作成したアニメーションをブラウザで閲覧し、ウィンドウをリサイズするとアニメーション（canvas部分）が点滅（再描画？）します。
また、スマホで閲覧する時もスクロールごとに点滅（再描画？）します。

何か設定があるのでしょうか？
また、スマホで閲覧するとアニメーションのスピードが遅くなります。

宜しくお願いします。

Answer 1

おそらくresize処理が入っているように思われます。
少しソースをかき直す必要があるかと思います。

また、お使いのスマホはおそらくiPhoneだと思いますが
iOS Safariの場合、スクロールしただけでリサイズイベントが走ります。

詳しくはこちら
http://qiita.com/tonkotsuboy_com/items/d32ec6e7a1f6f592d415

スマホで閲覧するとアニメーションのスピードが遅くなります。

解像度の違いや処理が重すぎるのかもしれません。

• レスポンシブ対応をするのか
• viewportの設定でスマホでもPCと同じ見た目にするか
• スマホとPCで出し分けをするか

で対応が変わってくるので方針を決めたほうが良いかと思います。

Comments

[Yamanosuke]

スクロールでリサイズのイベントが発生するは知りませんでした。
勉強になります。