|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
-
- # raf
-
- request animation frame
-
- ## Installation
-
- $ component install component/raf
-
- ## Example
-
- Request the animation frame with `raf(fn)`, cancel with `raf.cancel(id)`.
-
- ```js
- 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
|