JSでゲームループを作ってみる１ requestAnimationFrame版

等間隔で処理するために。

成果物

• demo
• code

問題

キーを長押し入力するとき、リピート遅延や間隔の時間がOS設定値になってしまう。指定した値にしたい。

解法

ゲームループを実装してFPS管理する。

今回はrequestAnimationFrame関数を使った方法。

ループを止める

cancelAnimationFrame関数でループを止める。

タブ閉じ、F5キー更新すると以下のダイアログが出る。

「とどまる」とループが停止する。