【CreateJS】スマホで動作が不安定な場合、timingMode RAFで改善する可能性あり

2018年3月2日2019年6月12日CreateJS,JavaScriptライブラリ,JavaScript

PCでは正常に動いててもスマートフォンだとクリックが反応しなかったり画像描画が削除しても消えなかったりした場合の解決策です

PCで正常に機能しているのにモバイル端末だと不安定な場合は、ソースコードの記述ミスではなくスペック差による処理落ちの可能性が高いですよね

framerateでFPSを指定しているなら

framerateでのFPS指定ではなく「timingMode」で「createjs.Ticker.RAF」を指定すると解消できるかもしれません

createjs.Ticker.timingMode = createjs.Ticker.RAF;

または

createjs.Ticker.RAF = "raf";

これは60FPSと同じタイミング処理になる様です Tickerのタイミングを指定するのはframerateよりこちらを利用した方が多くの場合で安定している気がします

See the Pen CreateJS Ticker Timing Mode RAF by yochans (@yochans) on CodePen.