Folders and files

Name		Name	Last commit message	Last commit date
Latest commit History 23 Commits
.gitignore		.gitignore
History.md		History.md
Makefile		Makefile
Readme.md		Readme.md
component.json		component.json
example.html		example.html
index.js		index.js
package.json		package.json

Repository files navigation

raf

request animation frame

Installation

$ component install component/raf

Example

Request the animation frame withraf(fn), cancel withraf.cancel(id).

varx=0;vary=50;varcanvas=document.querySelector('canvas');varctx=canvas.getContext('2d');varraf=require('raf');functionanimate(){raf(animate);draw();}varprev=Date.now();functiondraw(){varcurr=Date.now();vardiff=curr-prev;varp=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();