JarCastingrafl
A fork of the seemingly-abandoned component/raf with added support for IE 11, web workers, and node.
Install
$ npm install rafl
Example
Request the animation frame with raf(fn), cancel with raf.cancel(id).
var raf = require('rafl')
var x = 0
var y = 50
var canvas = document.querySelector('canvas')
var ctx = canvas.getContext('2d')
function animate() {
raf(animate)
draw()
}
var prev = Date.now()
function draw() {
var curr = Date.now()
var diff = curr - prev
var p = diff / 16
ctx.clearRect(0, 0, 900, 300)
ctx.beginPath()
ctx.globalAlpha = .5
ctx.arc(x, y, 10, 0, Math.PI * 2, false)
ctx.fill()
x += 2
y += Math.sin(x/20) * 5
prev = curr
}
animate()
Page weight (browserified)
| compression | size |
|---|---|
| rafl.js | 1.66 kB |
| rafl.min.js | 1.14 kB |
| rafl.min.js.gz | 523 B |