What is the fastest way to animate multiple sprites under html5?

Question

I am trying to animate 50 or so sprites at the same time using setInterval 30 ms.

What gives Bettter performance? Using canvas? Or using -webkit-transform and divs? Anyone have any tips on creating animations for html5?

+3

TiansHUo Mar 22 '11 at 6:42

2 answers

Javascript HTML5 canvas , -webkit-transform divs, .

HTML5 canvas Javascript (), -webkit-transform Webkit.

, , 20 (FPS), A setInterval() 0,05 ( 50 ), , .

, XNA, 2 setInterval(), 1 - , - .

0

mauris 22 . '11 6:52

Simon sarris · Accepted Answer · 2011-03-22T14:13:44+0000

The short answer to your question is that Canvas should give better performance.

This post from Facebook engineering should also be helpful in understanding Canvas speed: