BÙI ĐÌNH NGỌC Academic Head

1. HTML5 Game using ImpactJS
Vietnam Mobileday 2012

2. Why HTML5 Game for Mobile

3. When computers were computers?

4. When TV were TV ?

5. Mobile phones were thumping
great bricks

6. Today

7. To Modern Developer,
You need to consider Learn coding from U3
 Desktop
 Laptop
 Netbook
 Smartphone
 Feature phone
 Tablet
 TV

8. As a Developer,
you need to consider
You need to consider
 Watch?
 Car?
 Fridge?
 Washing machine
 Microware
 Refrigerator
 OR .. ->

9. Write Once, Run Many
is starting to sound like a good idea
 How about in 2015?
 Anyone's guess!
 But one platform is likely to be there: Web.

10. Web advantages
 Fluid layout model
 10cm phone or a 200cm TV - Sensible
 CSS Media Queries
 Secure Sandboxing
 Share data securely

11. HTML5 is Ready Today

12. HTML5 is Ready Today
Oh and it's fast too
Javascript Performance Benchmark
http://is.gd/dAKqS
Firefox 0.8 (2004): 1802ms
Chrome 7 (2010): 10ms
DOM Rendering Benchmark
http://jsperf.com/dom-selection-appending/2
Firefox 0.8 (2004): ~111ms (9 ops/sec)
Chrome 7 (2010): 2ms (460 ops/sec)

14. Game by HTML5
 Canvas
 Audio
 WebSocket
 CSS3
 SVG
 Javascript

15. ImpactJS
 Impact is a JavaScript Game Engine that allows
you to develop stunning HTML5 Games for
desktop and mobile browsers.
 Game powered by ImpactJS
 Drop
 Z-type
 Creatures & Castles
 Biolab Disaster

16. ImpactJS is render engine
 Up to 160 draw/s
 Up to 60 FPS

17. Level Editor

18. ImpactJS includes
 Audio
 Input
 Render
 Simple Collision (Box2dJS is OK too)
 Map – Level editor
 IOS tools

19. Demo

20. Summary
1. HTML5 is good for mobile NOW
2. Impactjs is simple engine for html5 game
dev
3. Let ‘s started with Impactjs

21. Thank you !