Html5 new sword for interactive app
7 likes1,872 views
This slide presented at Google DevFest Bandung 2012. Talk about HTML5 in interactive app/game development.
Html5 new sword for interactive app
- 1. HTML5 A NEW SWORD FOR INTERACTIVE APP Yohan Totting http://thinkrooms.com @tyohan tyohan@thinkrooms.com Sunday, October 7, 12 1
- 2. Halo Yohan Totting Application Developer Founder of ThinkRooms Studio FOWAB & HackerspaceBDG Initiator Sunday, October 7, 12 2
- 3. HTML5 COMPONENTS FOR INTERACTIVE APP/GAME Sunday, October 7, 12 3
- 4. CSS3 Sunday, October 7, 12 4
- 5. CANVAS Sunday, October 7, 12 5
- 6. AUDIO & VIDEO Sunday, October 7, 12 6
- 7. WEBSOCKET & WEBRTC Sunday, October 7, 12 7
- 8. OFFLINE CAPABILITY Sunday, October 7, 12 8
- 9. WEBGL Sunday, October 7, 12 9
- 10. AUDIO & VIDEO CAPTURE WITH GETUSERMEDIA Sunday, October 7, 12 10
- 11. CANVAS VS DOM MANIPULATION Sunday, 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 its own effect and animation Sunday, 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 DOMs Sunday, October 7, 12 13
- 14. HTML5 ON MOBILE Sunday, October 7, 12 14
- 15. DIRECT CANVAS Sunday, October 7, 12 15
- 16. NATIVE SDK SUPPORT FOR HTML5 APP Sunday, October 7, 12 16
- 17. WRITE ONCE DEPLOY ANYWHERE Sunday, October 7, 12 17
- 18. TOOLS Sunday, October 7, 12 18
- 19. Game Engine IMPACTJS http://impactjs.com Sunday, October 7, 12 19
- 20. Game Engine LIMEJS http://www.limejs.com Sunday, 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/cocoonjs Sunday, 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.com Sunday, October 7, 12 25