Du kan inte välja fler än 25 ämnen
Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
rpm-mcarman
b9f7ec4306
|
3 år sedan | |
|---|---|---|
| .. | ||
| .npmignore | 3 år sedan | |
| History.md | 3 år sedan | |
| Makefile | 3 år sedan | |
| Readme.md | 3 år sedan | |
| component.json | 3 år sedan | |
| example.html | 3 år sedan | |
| index.js | 3 år sedan | |
| package.json | 3 år sedan | |
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