Tuesday, April 12, 2011

requestAnimationFrame

On the suggestion of @mrdoob today I reworked the animation loops for my Quake 3 and Doom 3 demos to use requestAnimationFrame (if it's available). This won't really produce a visible difference for most people, but it should utilize the browser event loop more efficiently. Paul Irish gives a good explanation of it at his blog.

A side effect of this that may be of interest to other developers is the simple little jQuery plugin I wrote to support this functionality in a cross platform manner that also provides a few perks to the user. You use it like so:

$('#canvas').requestAnimation(function(event) {
    // Draw frame here...
});

The "event" passed into the callback function contains the following values:

timestamp: Current timestamp, equivalent to new Date().getTime()
elapsed: Milliseconds elapsed since the animation started
frameTime: Milliseconds elapsed since the callback was last called
framesPerSecond: Rough count of the number of times the callback has been called over the last second. Only updates once per second.

If you wish to stop animating, return false from your callback.

I recognize that this may not meet everyone's needs, and probably is a little buggy at the moment, but it should provide a quick and easy way to do a basic animation loop in a way that plays well with your browser. If you have any suggestions for improving it let me know!

3 comments:

  1. I like the idea of the jQuery plugin to wrap functionality, will take a look at that!

    I wrote a drop in replacement for setTimeout/setInterval to help developers get the performance increase of requestAnimationFrame without having to refactor their code too much.

    http://blog.joelambert.co.uk/2011/06/01/a-better-settimeoutsetinterval/

    ReplyDelete
  2. Pandora Charms Gemstone is actually every single distinctive together with fashionable inside kind, as well as offers become usually well-liked in between ladies, particularly using their own classic kind that may be inherited by way of period to be able to period. Pandora Buckskin Bracelet necklaces is reduced mix to create truly emblematic, substantial appeal anklet bracelets as well as additional gemstone points. Pandora Stores Gemstone offers already been around because of the fact 1982, nevertheless it been found the precise advantages linked to Pandora's customized team inside 1999 which genuinely began their unique status. The precise stunning gemstone linked to Pandora is known as subsequent Ancient greek language False impression linked to Zeus, by which turned out to be angered along with Prometheus together with Epimetheus regarding presenting fireside to be able to mankind, can you make use of fireside to be able to supply gentle for that evening second, which often discouraged Zeus greatly. Pandora Espresso beans Australia Gemstone offers already been around because of the fact 1982, nevertheless it been found the precise advantages linked to Pandora's customized team inside 1999 which genuinely began their unique status. This sort of greatest present which will be valued permanently, Cleaning Pandora Bracelet design amazon . com pandora is reduced that is recognized because of its stylish together with regular design. Pandora is reduced produce a exceptional present for all those unique women and men in your existence.

    ReplyDelete
  3. Mỗi văn phòng của công ty hay doanh nghiệp đều có cách thiết kế và bài trí sản phẩm nội thất văn phòng hcm khác nhau cho nên việc chọn lựa sản phẩm cũng như bài trí tùy thuộc khá nhiều về diện tích văn phòng cũng như là tính chất công việc của công ty. Những không thể nào thiếu các vật dụng sau: bàn,ghế,tủ. Vậy cách bố trí các sản phẩm nội thát văn phòng như thế nào phù hợp đúng với các tiêu chí trong văn phòng cùng chúng tôi tìm hiểu qua chia sẻ sau:
    Đới với việc vài trí bàn làm việc
    Vị trí bàn làm việc thường được đặt ở nơi có ánh sáng tốt nhất, ngày nay trong các thiết kế nội thất văn phòng đương đại thì hầu như các văn phòng làm việc đều được hỗ trợ đầy đủ ánh sáng. Kích thước mỗi loại bàn làm việc giá rẻ tphcm thì không nhất định ,luôn phụ thuộc vào diện tích văn phòng làm việc. Đối với các văn phòng có diện tích nhỏ thì luôn ưu tiên về không gian do đó bàn làm việc thường được kết hợp gắn liền với kệ sách và luôn được xếp lại hoặc giấu vào bên trong hoặc sau lưng của kệ sách sau khi sử dụng xong.
    Đối với công ty có diện tích văn phòng lớn thì sử dụng cụm bàn modum hay các mẫu ban van phong hoa phat có bán trên thị trường hoặc những mẫu sản phẩm của các thương hiệu nội thất khác đáp ứng đúng nhu cầu sủ dụng cho văn phòng của mình.Ghế văn phòng thường được bố trí theo chức năng của văn phòng làm việc. Tùy theo diện tích phòng làm việc để từ đó bố trí các loại ghế khác nhau .Các văn phòng lớn ngoài các loại ghế xoay cho người làm việc, thường được bố trí thêm sofa được trang trí từ đơn sắc đến đa sắc rất tiện dụng cho lúc nghỉ ngơi lẫn lúc cần tiếp khách. Hy vọng với các thông tin trên bạn có thê tự tràng trí cho mình không gian làm việc tốt nhất.

    ReplyDelete