SlideShare a Scribd company logo
HTML5 Game using ImpactJS

     Vietnam Mobileday 2012
Why HTML5 Game for Mobile
When computers were computers?
When TV were TV ?
Mobile phones were thumping
         great bricks
Today
To Modern Developer,

You need to consider   Learn coding from U3

   Desktop
   Laptop
   Netbook
   Smartphone
   Feature phone
   Tablet
   TV
As a Developer,
               you need to consider
You need to consider


   Watch?
   Car?
   Fridge?
   Washing machine
   Microware
   Refrigerator
   OR .. ->
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.
Web advantages
 Fluid layout model
 10cm phone or a 200cm TV - Sensible
 CSS Media Queries
 Secure Sandboxing
 Share data securely
HTML5 is Ready Today
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)
Vietnam mobile day 2012   html5 game using impact js - aiti-aptech
Game by HTML5
 Canvas
 Audio
 WebSocket
 CSS3
 SVG
 Javascript
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
ImpactJS is render engine
 Up to 160 draw/s
 Up to 60 FPS
Level Editor
ImpactJS includes

 Audio
 Input
 Render
 Simple Collision (Box2dJS is OK too)
 Map – Level editor
 IOS tools
Demo
Summary


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

More Related Content

PPTX
Html5 game using impact js
PPTX
Microsoft Continuum
PPTX
EVOLVE'15 | Keynote | Gordon Pike | The Thing Constant Is Change
PPTX
Building Mixed reality with the new capabilities in Unity
PPTX
Windows 10 on ARM for developers
PDF
Final Cut Pro
PPTX
Publishing HTML5 Games: It’s ShowTime! | Laurens Rutten
PPT
Future of Mobile Games Apps 2010
Html5 game using impact js
Microsoft Continuum
EVOLVE'15 | Keynote | Gordon Pike | The Thing Constant Is Change
Building Mixed reality with the new capabilities in Unity
Windows 10 on ARM for developers
Final Cut Pro
Publishing HTML5 Games: It’s ShowTime! | Laurens Rutten
Future of Mobile Games Apps 2010

Similar to Vietnam mobile day 2012 html5 game using impact js - aiti-aptech (20)

PPTX
HTML5 GAME USING IMPACT JS
PPTX
A Holistic Approach to HTML5 Game Design & Development
PDF
Real Benefits of HTML5 for Games (MS Campfire, 2012)
PDF
HTML5 & JavaScript Games
PDF
Introduction to html5 game programming with ImpactJs
PDF
Building a Better Web with HTML5 and CSS3
PDF
W3C HTML5 KIG-The complete guide to building html5 games
PPT
HTML5 Dev Conf 2013 Presentation
PPTX
HTML5 Games Ecosystem
PPTX
HTML5_Games_Ecosystem_Jan2013
PDF
HTML5 Games Status and issues
PPT
iBasket: The story of an HTML5 game
PDF
Play with html games
PDF
Mobile Gaming: Is It The Future? by Michael Hudson and Steven Gurevitz
PPTX
Presentation3
PDF
Ready to Play: JavaScript / HTML5 Game Development
PPTX
Html5 Game Development with Canvas
PPTX
Distribution and development of mobile social browser games
PDF
Impactjs lightening talk.key
PDF
Flash Game Web Development: A Deep Dive into the World of Interactive Online...
HTML5 GAME USING IMPACT JS
A Holistic Approach to HTML5 Game Design & Development
Real Benefits of HTML5 for Games (MS Campfire, 2012)
HTML5 & JavaScript Games
Introduction to html5 game programming with ImpactJs
Building a Better Web with HTML5 and CSS3
W3C HTML5 KIG-The complete guide to building html5 games
HTML5 Dev Conf 2013 Presentation
HTML5 Games Ecosystem
HTML5_Games_Ecosystem_Jan2013
HTML5 Games Status and issues
iBasket: The story of an HTML5 game
Play with html games
Mobile Gaming: Is It The Future? by Michael Hudson and Steven Gurevitz
Presentation3
Ready to Play: JavaScript / HTML5 Game Development
Html5 Game Development with Canvas
Distribution and development of mobile social browser games
Impactjs lightening talk.key
Flash Game Web Development: A Deep Dive into the World of Interactive Online...
Ad

More from Quang Anh Le (20)

PDF
Mobilemonday.vn mobile interaction - mr ng cuu long goldsun focus media
PPTX
Mobilemonday.vn adflex
PPTX
Mobilemonday.vn momo-monetize thinking_tu do tai chinh_v1.2
PDF
02 mobile monday hanoi april 2013 vinova
PPT
01 mobile monday hanoi april 2013 mobile game - afoli
PPTX
03 mobile monday hanoi april 2013 monetize thinking g mo m-work
PPT
2. minh chau momo t4
PPT
0. mobilemonday.vn hcm 20130424
PPT
Vietnam mobile day 2012 phan mem cho phai dep - mana
PPTX
Vietnam mobile day 2012 i os memory management - techmaster
PPTX
Vietnam mobile day 2012 monetizing mobile apps games - rubycell
PDF
Vietnam mobile day 2012 cuoc cach mang thoi ky hau mobile - misfit
PPTX
Vietnam mobile day 2012 multi platform development - game loft
PDF
Vietnam mobile day 2012 developer opportunity - nokia
PPT
Vietnam mobile day 2012 building a mobile linux firmware for your router - ...
PPT
Vietnam mobile day 2012 ban quyen mobile contents - vsm
PDF
Vietnam mobile day 2012 platform mo va ung dung de phat trien mang xa hoi m...
PPT
Vietnam mobile day 2012 co hoi mobile tai vietnam - cyber agent
PPTX
Vietnam mobile day 2012 tuong lai cho nha phat trien nds - share plus
PPSX
Vietnam mobile day 2012 trends in mobile marketing - fifth i media
Mobilemonday.vn mobile interaction - mr ng cuu long goldsun focus media
Mobilemonday.vn adflex
Mobilemonday.vn momo-monetize thinking_tu do tai chinh_v1.2
02 mobile monday hanoi april 2013 vinova
01 mobile monday hanoi april 2013 mobile game - afoli
03 mobile monday hanoi april 2013 monetize thinking g mo m-work
2. minh chau momo t4
0. mobilemonday.vn hcm 20130424
Vietnam mobile day 2012 phan mem cho phai dep - mana
Vietnam mobile day 2012 i os memory management - techmaster
Vietnam mobile day 2012 monetizing mobile apps games - rubycell
Vietnam mobile day 2012 cuoc cach mang thoi ky hau mobile - misfit
Vietnam mobile day 2012 multi platform development - game loft
Vietnam mobile day 2012 developer opportunity - nokia
Vietnam mobile day 2012 building a mobile linux firmware for your router - ...
Vietnam mobile day 2012 ban quyen mobile contents - vsm
Vietnam mobile day 2012 platform mo va ung dung de phat trien mang xa hoi m...
Vietnam mobile day 2012 co hoi mobile tai vietnam - cyber agent
Vietnam mobile day 2012 tuong lai cho nha phat trien nds - share plus
Vietnam mobile day 2012 trends in mobile marketing - fifth i media
Ad

Recently uploaded (20)

PPTX
Big Data Technologies - Introduction.pptx
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPT
Teaching material agriculture food technology
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PDF
Empathic Computing: Creating Shared Understanding
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Spectral efficient network and resource selection model in 5G networks
PPTX
Cloud computing and distributed systems.
PPTX
sap open course for s4hana steps from ECC to s4
PDF
Machine learning based COVID-19 study performance prediction
PDF
Review of recent advances in non-invasive hemoglobin estimation
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
Approach and Philosophy of On baking technology
Big Data Technologies - Introduction.pptx
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
Per capita expenditure prediction using model stacking based on satellite ima...
Building Integrated photovoltaic BIPV_UPV.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Unlocking AI with Model Context Protocol (MCP)
Agricultural_Statistics_at_a_Glance_2022_0.pdf
NewMind AI Weekly Chronicles - August'25 Week I
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
Teaching material agriculture food technology
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
Empathic Computing: Creating Shared Understanding
Network Security Unit 5.pdf for BCA BBA.
Spectral efficient network and resource selection model in 5G networks
Cloud computing and distributed systems.
sap open course for s4hana steps from ECC to s4
Machine learning based COVID-19 study performance prediction
Review of recent advances in non-invasive hemoglobin estimation
MIND Revenue Release Quarter 2 2025 Press Release
Approach and Philosophy of On baking technology

Vietnam mobile day 2012 html5 game using impact js - aiti-aptech

  • 1. HTML5 Game using ImpactJS Vietnam Mobileday 2012
  • 2. Why HTML5 Game for Mobile
  • 3. When computers were computers?
  • 5. Mobile phones were thumping great bricks
  • 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
  • 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