Seb Lee-Delisle

Menu

Smooth animation on iOS with JavaScript

Two tutorials in two weeks!? I know, it’s crazy but I’m getting through a bit of a backlog here :)

I’ve now posted a guide to making super smooth running games within the browser on iOS. You can wrap it up in PhoneGap and publish to the AppStore if you want!

It’s based around the fact that if you move HTML elements around using 3D CSS transforms, they will then be rendered using the GPU. It’s so much faster than canvas, and with this game I have a full 60fps on an iPad 1.

Create an iPad optimised game on creativeJS.com

Related posts:

  1. Multi-touch game controller in JavaScript/HTML5 for iPad
  2. HTML5/JavaScript platform game optimised for iPad
  3. JavaScript 2D and 3D particle effects at Full Frontal
  4. Smooth circles in Papervision
This entry was posted in iOS, javascript. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">