Javascript requestNextAnimationFrameでのアニメーションを一時停止するには．．．

Question

JavaScriptでCanvasを使ってアニメーションする場合ですが

setIntervalやsetTimoutを使うのではなく
requestNextAnimationFrameを使うべきだと記述を見つけました

そこで質問です。
setTimeout等を使ってアニメーションをする場合は
clearTimeoutを使って止めればよいですよね。

requestNextAnimationFrameを使う場合はどうやって止めたらよいでしょうか？

思いつくのはフラグをつかってrequestNextAnimationFrameを呼び出すか呼び出さないかを分岐すればよいかともうのでうが，一般的な方法を知りたいなと思い質問させていただきました。

よろしくお願いします。

Answer 1

cancelAnimationFrame を使って止めるのでは？

【Window.cancelAnimationFrame() - Web APIs | MDN】
https://developer.mozilla.org/en-US/docs/Web/API/Window/cancelAnimationFrame

Comments

[D.O]

教えていただいたリンク先のサンプルで解決しました！