Html5 new sword for interactive app

2,958 views
2,767 views

Published on

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

Published in: Technology
0 Comments
6 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,958
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
49
Comments
0
Likes
6
Embeds 0
No embeds

No notes for slide

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

×