HTML5 Game Development Ground Up

Resources: Code, Slides

Summary:

• Use Canvas
• Develop a simple AssetManager
• Game Loop, use requestAnimFrame - only draw when visible, save CPU (not setTimer)
• Calculate in-game clock to avoid worm-hole effects (not drawing when not visible)
• Refer to MDC site for canvas tutorials
• Use off-screen canvas, multiple layer, etc
• Save Mouse Click/Move event value for Game Loop processing
• Canvas Sprite sheet for animation
• Use Sound Manager 2 for sound
• Meassure Performance with Mr. Doob's stat.js, Chrome's FPS counter, Developer Tool's Profiler, Mozilla's mozPaintCount
• Use Application Cache for offline mode
• Public Game Engine: Impact, Crafty, Game Closure, Spaceport, Isogenic Engine, ForPlay for GWT
• Port your HTML5 + Javascript to native mobile play through Impact, Game Closure, Spaceport.
• Free Resources: freesound.org, lostgarden.com
• Distribute through Chrome Web Store
• Good Read: hiive, Lost Decade Games, Lost Garden, HTML5, meet the world of games