rpm-mcarman b9f7ec4306 First Commit		3年前
..
.npmignore	First Commit	3年前
History.md	First Commit	3年前
Makefile	First Commit	3年前
Readme.md	First Commit	3年前
component.json	First Commit	3年前
example.html	First Commit	3年前
index.js	First Commit	3年前
package.json	First Commit	3年前

Readme.md

raf

request animation frame

Installation

$ component install component/raf

Example

Request the animation frame with raf(fn), cancel with raf.cancel(id).

var x = 0;
var y = 50;
var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
var raf = require('raf');

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();

License

MIT