cycle-animation-driver
Advanced tools
Comparing version
@@ -7,2 +7,10 @@ 'use strict'; | ||
var _performanceNow = require('performance-now'); | ||
var _performanceNow2 = _interopRequireDefault(_performanceNow); | ||
var _raf = require('raf'); | ||
var _raf2 = _interopRequireDefault(_raf); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
@@ -14,8 +22,16 @@ | ||
var previousTime = (0, _performanceNow2.default)(); | ||
function tick(timestamp) { | ||
animation$.onNext(timestamp); | ||
requestAnimationFrame(tick); | ||
animation$.onNext({ | ||
timestamp: timestamp, | ||
delta: timestamp - previousTime | ||
}); | ||
previousTime = timestamp; | ||
(0, _raf2.default)(tick); | ||
} | ||
tick(new Date().valueOf()); | ||
tick(previousTime); | ||
@@ -22,0 +38,0 @@ return animation$; |
{ | ||
"name": "cycle-animation-driver", | ||
"version": "0.0.1", | ||
"version": "0.1.0", | ||
"description": "A Cycle driver for requestAnimationFrame", | ||
@@ -10,3 +10,5 @@ "main": "lib/driver.js", | ||
"scripts": { | ||
"test": "mocha --compilers js:babel-core/register", | ||
"test": "npm run test-node && npm run test-browser", | ||
"test-node": "mocha --compilers js:babel-core/register", | ||
"test-browser": "./node_modules/mochify/bin/cmd.js --transform babelify", | ||
"autotest": "mocha --compilers js:babel-core/register --watch -R min", | ||
@@ -36,5 +38,6 @@ "precompile-lib": "rm -rf lib/ && mkdir -p lib", | ||
"mocha": "^2.3.4", | ||
"rx": "^4.0.7", | ||
"raf": "^3.1.0" | ||
"mochify": "^2.14.2", | ||
"raf": "^3.1.0", | ||
"rx": "^4.0.7" | ||
} | ||
} |
@@ -0,1 +1,6 @@ | ||
[](http://badge.fury.io/js/cycle-animation-driver) | ||
[](https://travis-ci.org/Widdershin/cycle-animation-driver) | ||
* * * | ||
# cycle-animation-driver | ||
@@ -23,3 +28,3 @@ A Cycle driver for requestAnimationFrame | ||
return { | ||
DOM: animation.map(timestamp => div('.time', timestamp.toString())) | ||
DOM: animation.pluck('timestamp').map(timestamp => div('.time', timestamp.toString())) | ||
} | ||
@@ -26,0 +31,0 @@ } |
3267
32.32%26
52.94%46
12.2%6
20%