Quantcast
Channel: web2ajax » safari
Viewing all articles
Browse latest Browse all 2

Best methods to have highest Framerates in html5 games

$
0
0
Hi,

I've just received a very interesting mail from facebook developers blog since one hour explaining how to improve html5 performance in games (canvas+css3+javascript).

Main things to remember are :
- For desktop modern navigators ( Chrome 10/9, Firefox 4, IE9 =geeks&chuck norris at this time ) a canvas per object is better.
- But for now, this represents a little part of the mondial internet browsers park, so while waiting for a general up to date versions operation, user DIV tags with background images is better than canvas use.
- My personal tweak is to use the jquery-transform plugin, which has really results on oldIE for rotate and scales css3 replacement.
- Use webkit transitions for IOS games, javascript in desktop browsers to animate DOM ( absolute position )
- And finally for me, last advice was to use individuals sprites rather than one for all objects ( sprites images must be small to have better performances in cut )

So here now, the complete facebook blog post can be read here : http://developers.facebook.com/blog/post/460

Related posts:

  1.  PATATOR : Facebook Game in Canvas and HTML5
  2.  Amazing HTML5 use : The Man From Hollywood
  3.  Add Facebook social plugin from Open Graph on your website

Viewing all articles
Browse latest Browse all 2

Latest Images





Latest Images