requestAnimationFrameの引数
- 2021/09/30
- 18:00
JavaScriptでのrequestAnimationFrameメソッドは1秒間に60回の処理(60fps)を行うメソッドです。
これは1秒間に60回のコールバック(処理する関数の呼び出し)が行われているともいえます。
一回のコールバックには引数としてDOMHighResTimeStampが用いられます。DOMHighResTimeStampは各処理時間でありその間の時間、ここではコールバック間の時間となります。単位はミリ秒(ms)です。
この引数を用いてrequestAnimationFrameメソッドは60fpsの処理を行っています。
今回のスクリプトは実際にrequestAnimationFrameメソッドでの処理が行われるときの経過時間と処理回数(ここではフレーム数)が表示されるスクリプトです。
requestAnimationFrameの引数animationCountのtimeCount(経過時間)に合わせてframeCount(処理回数)が増えていきます。
これは1秒間に60回のコールバック(処理する関数の呼び出し)が行われているともいえます。
一回のコールバックには引数としてDOMHighResTimeStampが用いられます。DOMHighResTimeStampは各処理時間でありその間の時間、ここではコールバック間の時間となります。単位はミリ秒(ms)です。
この引数を用いてrequestAnimationFrameメソッドは60fpsの処理を行っています。
今回のスクリプトは実際にrequestAnimationFrameメソッドでの処理が行われるときの経過時間と処理回数(ここではフレーム数)が表示されるスクリプトです。
requestAnimationFrameの引数animationCountのtimeCount(経過時間)に合わせてframeCount(処理回数)が増えていきます。
スポンサーサイト