andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update and rename recordFrames.md to recordAnimationFrames.md

Browse Source
This commit is contained in:
atomiks
2018-02-28 16:19:07 +10:00
committed by GitHub
parent 05d2c0e55b
commit c110cbff98
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
snippets/recordFrames.md → snippets/recordAnimationFrames.md
View File

@ -1,4 +1,4 @@
### recordFrames ### recordAnimationFrames
Invokes the provided callback on each animation frame. Invokes the provided callback on each animation frame.
@ -6,7 +6,7 @@ Use recursion. Provided that `running` is `true`, continue invoking `window.requ
provided callback. Return an object with two methods `start` and `stop` to allow manual control of the recording. Omit the second argument, `autoStart`, to implicitly call `start` when the function is invoked. provided callback. Return an object with two methods `start` and `stop` to allow manual control of the recording. Omit the second argument, `autoStart`, to implicitly call `start` when the function is invoked.
```js ```js
const recordFrames = (callback, autoStart = true) => { const recordAnimationFrames = (callback, autoStart = true) => {
let running = true, raf let running = true, raf
const stop = () => { const stop = () => {
running = false running = false
@ -29,8 +29,8 @@ const recordFrames = (callback, autoStart = true) => {
```js ```js
const cb = () => console.log('Animation frame fired') const cb = () => console.log('Animation frame fired')
const recorder = recordFrames(cb) // logs 'Animation frame fired' on each animation frame const recorder = recordAnimationFrames(cb) // logs 'Animation frame fired' on each animation frame
recorder.stop() // stops logging recorder.stop() // stops logging
recorder.start() // starts again recorder.start() // starts again
const recorder2 = recordFrames(cb, false) // `start` needs to be explicitly called to begin recording frames const recorder2 = recordAnimationFrames(cb, false) // `start` needs to be explicitly called to begin recording frames
``` ```