1. HTML5 Game Development Practical Guide for Developers (from one of us) Rakesh Raju Singapore - CASUAL CONNECT 23-May-2012

2. My name is Rakesh Raju @rakeshraju Co-Founder and CTO @Tresensa Founder @Codewalla TreSensa - HTML5 based game development Start-up Codewalla: Casual game studio – online, social and mobile (but most of all across platforms) 1

3. What are we going to explore in the next 45 minutes? Let's set the stage in casual game development - HTML5 for game developers Case study - our own Demo Cross-platform - A Solution based Approach o Motivation o Challenges o R & D: Available Technologies and Frameworks The Solution Framework - Connecting the Dots Recommendations 1

4. HTML5 Game Development 1 What we will cover: What kind of Games? High Reach o Cross Platform o Multi Player o Social o Mobile first (always) Basic Game Engine features: Functional and Performance

5. HTML5 Game Development 1 What we will NOT cover: Games/ techniques that are platform limited HTML5: Merits and Demerits All Possible Techniques (as of right now)

6. Demo Time - BrowserQuest by Mozilla 1

7. Demo Time - Dollar Isle by Non-Stop Games 1

8. Demo Time - Cut the Rope by ZeptoLab 1

9. Demo Time - Hangman by Tresensa 1

10. Demo Time – Stranded by Tresensa 1

11. High-Reach Games Motivation Game studio pain points o Complexity:  Front-end issues - Rendering.  Back end issues - High scale multi-player games. o Skill-set fragmentation/explosion o Cost of development/maintenance o Time to market o Distribution and (of course!) Monetization 1

12. High Reach Games R & D (Technologies and Frameworks) Unity: o Needs a plug-in to run in desktop browser. Doesn't run in mobile browsers. Flash: o Doesn't run on mobile Corona: o Native only. Doesn't run in browsers HTML5 Frameworks: o Low on features or true cross platform support. or Closed business model. Complex workflow ( PlayN) 1

13. High Reach Games Challenges JavaScript language issues Browser Performance Browser support for audio etc Lack of mature frameworks Lack of Authoring Tools Lack of developers ( lots of demand ) 1

14. High Reach Games The Solution Framework Front-end SDK (Game Framework)  Easy, controlled syntax for Game devs  Cross-browser/device  Integrated with Multi-player/Social back-end  Integrated with graphics/animation libs (CAAT)  Phonegap Compatible  Game Packs 1

15. High Reach Games The Solution Framework Back-end  Game server available as service - No install  Pure JS  Support for asynchronous multi-player games  Game Packs 1

16. 1. Create the Game class. 2. Flesh out the game class 3. Set the entry point function of our game. 4. Create a game object 5. Load Assets 6. Preload the images: 7. Create the splash screens 8. Create Main Game Screen 9. Create Gameplay Screen 10. Objects 11. Spawning 12. End condition High Reach Games Code Walk-through

17. Write the game directly in Canvas, CSS Advantages: Get started immediately Be prepared for: HTML5 issues – nothing to do with game programming Ideal for: Small games Approaches 1

18. Build Game Development Framework Advantages: Customize for your own needs Be prepared for: Effort, Skills and Cost Ideal for: High-cost, long term Games 1

19. Recommendation for Game Developers Use a Framework Advantages: Definitely gives you a head start. Be prepared for: Standard, non-customized framework 1

20. TreSensa (yes ours) HTML5 Frameworks PlayN Scirra

21. Three.js HTML5 Frameworks Impact.js Appmobi

22. So what is the future of HTML5 for high reach game development? front end -

23. So what is the future of HTML5 for high reach game development? back end -

24. So what is the future of HTML5 for high reach game development? cloud -

25. How do we move forward form here - Look beyond your comfort zone (acquire new skills integrate them with new platforms) - Think in frameworks not languages - Scale is King, cost is Queen - Developers who embrace this complexity will be heroes!

26. www.tresensa.com rakesh@tresensa.com Thank You!