Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Html5 new sword for interactive app

3,408 views

Published on

This slide presented at Google DevFest Bandung 2012. Talk about HTML5 in interactive app/game development.

Published in: Technology
  • Be the first to comment

Html5 new sword for interactive app

  1. HTML5 A NEW SWORD FOR INTERACTIVE APP Yohan Totting http://thinkrooms.com @tyohan tyohan@thinkrooms.comSunday, October 7, 12 1
  2. Halo Yohan Totting Application Developer Founder of ThinkRooms Studio FOWAB & HackerspaceBDG InitiatorSunday, October 7, 12 2
  3. HTML5 COMPONENTS FOR INTERACTIVE APP/GAMESunday, October 7, 12 3
  4. CSS3Sunday, October 7, 12 4
  5. CANVASSunday, October 7, 12 5
  6. AUDIO & VIDEOSunday, October 7, 12 6
  7. WEBSOCKET & WEBRTCSunday, October 7, 12 7
  8. OFFLINE CAPABILITYSunday, October 7, 12 8
  9. WEBGLSunday, October 7, 12 9
  10. AUDIO & VIDEO CAPTURE WITH GETUSERMEDIASunday, October 7, 12 10
  11. CANVAS VS DOM MANIPULATIONSunday, October 7, 12 11
  12. CANVAS Pro •Pixel manipulation •Easy to draw lines, curves, & shapes from code •Consistent view on browser Cons •Only supported on modern browser •Need to track position and state for each object •Developer need to create it’s own effect and animationSunday, October 7, 12 12
  13. DOM MANIPULATION Pro •Supported on most browsers •Native CSS3 effect and animation •Faster development Cons •Performance depend on HW acceleration •Cross browser issues •Bad for large DOMsSunday, October 7, 12 13
  14. HTML5 ON MOBILESunday, October 7, 12 14
  15. DIRECT CANVASSunday, October 7, 12 15
  16. NATIVE SDK SUPPORT FOR HTML5 APPSunday, October 7, 12 16
  17. WRITE ONCE DEPLOY ANYWHERESunday, October 7, 12 17
  18. TOOLSSunday, October 7, 12 18
  19. Game Engine IMPACTJS http://impactjs.comSunday, October 7, 12 19
  20. Game Engine LIMEJS http://www.limejs.comSunday, October 7, 12 20
  21. Game Engine CAAT Canvas Advanced Animation Toolkit http://labs.hyperandroid.com/static/caat/Sunday, October 7, 12 21
  22. Game Engine & Framework CREATE JS http://www.createjs.com/Sunday, October 7, 12 22
  23. Direct Canvas, Cloud API, & Monetization Tool CACOONJS http://ludei.com/tech/cocoonjsSunday, October 7, 12 23
  24. SDK, Direct Canvas, Cloud API, & Monetization Tool APPMOBI http://www.appmobi.com/Sunday, October 7, 12 24
  25. THANKS Yohan Totting http://thinkrooms.com @tyohan tyohan@thinkrooms.comSunday, October 7, 12 25

×