requestAnimationFrame for smart animating « Paul Irish - The Diigo Meta page

• 17 May 12
  

  actiondan

  requestAnimationFrame polyfill

• 09 Apr 12
  

  Ajinkya Kulkarni

  JavaScript requestAnimationFrame animation Webgl

• 05 Mar 12
  

  haeyoung kim
  • whether that be DOM-based styling changes, canvas or WebGL.
  • basic API for use with animation
  • The browser can optimize concurrent animations together into a single reflow and repaint cycle,
  • JS-based animations synchronized with CSS transitions or SVG SMIL

  2 more annotations...

• 20 Feb 12
  

  jhave2

  webgl animation shim

• 04 Feb 12
  

  Dale Musser
• 25 Oct 11
  

  avipinto

  requestAnimationFrame animation javascript

• 30 Sep 11
  
  • // shim layer with setTimeout fallback  window.requestAnimFrame = (function(){  return window.requestAnimationFrame ||   window.webkitRequestAnimationFrame ||   window.mozRequestAnimationFrame ||   window.oRequestAnimationFrame ||   window.msRequestAnimationFrame ||   function(/* function */ callback, /* DOMElement */ element){  window.setTimeout(callback, 1000 / 60);  };  })();      // usage:   // instead of setInterval(render, 16) ....    (function animloop(){  render();  requestAnimFrame(animloop, element);  })();
• 18 Aug 11
  

  rtavadia

  js css optimization animation battery loop

• 30 Jun 11
  

  s_m_roberts

  JavaScript requestAnimationFrame

• 23 Jun 11
  

  requestAnimationFrame for smart animating /by @paul_irish http://t.co/11FYIor #api #animation #canvas #webgl #webdev

  via:packrati.us webgl canvas webdev api animation

• 20 May 11
  

  Marg Wilkinson

  "The browser can optimize concurrent animations together into a single reflow and repaint cycle, leading to higher fidelity animation. For example, JS-based animations synchronized with CSS transitions or SVG SMIL. Plus, if you're running the animation loop in a tab that's not visible, the browser won't keep it running, "

  requestAnimationFrame JavaScript setTimeout

• 18 Apr 11
  

  Fabien Clément

  timer / timeout sous javascript

  javascript

• 

  Sushi Codeur

  In your animation work, you've used a timer loop to make changes every few milliseconds. Good for us: browser vendors have decided, "hey, why don't we just give you an API for that, because we can probably optimize some things for you." So it's basic API for use with animation, whether that be DOM-based styling changes, canvas or WebGL.

  requestanimationframe setInterval js

• 29 Mar 11
  

  Leonid Bagulin

  requestAnimationFrame

  browser rendering browser animation html game requestAnimationFrame

  • The browser can optimize concurrent animations together into a single reflow and repaint cycle, leading to higher fidelity animation.
  • if you're running the animation loop in a tab that's not visible, the browser won't keep it running
  • second parameter to requestAnimFrame: the element that visually bounds the entire animation

  1 more annotation...

• 14 Mar 11
  

  Rafa Garcia

  javascript animation html5 performance webdev canvas graphics js requestanimationframe

• 04 Mar 11
  

  lukeasrodgers

  javascript animation performance

• 25 Feb 11
  

  JavaScript Webgl animation

• 24 Feb 11
  

  JavaScript Webgl animation

• 23 Feb 11
  

  Romain Pouclet

  "requestAnimationFrame for smart animating" by @paul_irish: http://t.co/RdiTNqJ

• 

  naholyr

  Use requestAnimationFrame() for smart animating http://paulirish.com/requestanimationframe

  Twitter

• 

  WebAPI graphics

Would you like to comment?

Join Diigo for a free account, or sign in if you are already a member.