HTML5 Game Dev on the iPad
summary
A hidden‑object game, Fashion Tale, is built in HTML5/jQuery with a canvas for the board, DOM/CSS for UI, and an Objective‑C wrapper instead of PhoneGap; two frontend developers finish it in about eight months and it ships to the App Store and earns revenue. Key techniques: iframe garbage-collection reset to avoid iPad1 crashes, webkit transforms over jQuery.animate for smooth hardware-accelerated motion, and jQuery.data() for actionable feeds and message payloads. The approach works across iPad1/2/3 with server-driven purchases and stats.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:35Game Walkthrough
- 5:25Why HTML5
- 8:10Basic Structure
- 11:05Canvas
- 16:50Beyond
- 17:15DOM vs Canvas
- 19:55HTML5 Demo
- 22:10CSS
- 24:55Curved Pads
- 25:35Events
- 27:35jQuery
- 30:10Next Steps
- 30:33Thank You
- 31:23Summary
related talks
54mA Successful Cross Platform HTML5 Game, From Shaping To Shipping
50mHTML5 technologies and game development
20mHTML5 for Mobile Games
34mThe past, present, and the future of HTML5 game development
37mBuzz It For Real ! ... the tortuous road to Mobile HTML5 Apps
26mResponsive HTML5 games - on microcontrollers
53mBreaking Limits on Mobile HTML5
29mOnce Upon A Time, Somewhere Between Your Console And Browser