cycle-animation-driver
v0.3.0
Published
A Cycle driver for requestAnimationFrame
Downloads
5
Readme
cycle-animation-driver
A Cycle driver for requestAnimationFrame
Installation
npm install cycle-animation-driver --save
Usage
cycle-animation-driver
uses requestAnimationFrame to provide an Observable stream of timestamps, as fast and smooth as the browser will allow. You can access both the current time with timestamp
, and also the delta
(difference since last update).
import {run} from '@cycle/core';
import {makeDOMDriver, div} from '@cycle/dom';
import {makeAnimationDriver} from 'cycle-animation-driver';
function main ({DOM, animation}) {
return {
DOM: animation.pluck('timestamp').map(timestamp => div('.time', timestamp.toString()))
}
}
const drivers = {
DOM: makeDOMDriver('.app'),
animation: makeAnimationDriver()
}
run(main, drivers);
Example
Check out the live example at widdersh.in/cycle-animation-driver.
The source code for that example can be found here.