SlideShare a Scribd company logo

OGDC2013_ Cross platform game development with html5_ Mr Hoang Dinh Quang

Download as PPTX, PDF
O
ogdc

This document discusses HTML5 and its suitability for cross-platform game development. It outlines some of HTML5's capabilities like media playback, WebSockets, local storage and Canvas. It then discusses reasons why HTML5 is good for development, such as a large talent pool and cross-platform support. Potential issues mentioned include performance concerns and an immature community. Solutions proposed include using game engines and tools to access native device APIs and services. The document concludes by showcasing a turn-based mobile game built with HTML5 and the benefits of tools that allow rapid cross-platform compiling and deployment.

TechnologyDesign
1 of 31
Downloaded 78 times
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Cross-platform Game DevelopmentQuangHD OGDC 2013, HCM
Hello World! Contact me: quanghd@cami.vn Follow us: facebook.com/camistudio He’s me exactly!
HTML5, WTF? I mean… What’s the fun?
HTML5, WTF? • Media • Web Socket • Local Storage • WebGL • Canvas New Javascript API HTML5 = HTML + 5
HTML5, WTF? What Canvas is
Showcase To be Continued …
HTML5 – Why should? HTML/JS is huge popular
HTML5 – Why should? Easy to train or recruit employees Hire me
HTML5 – Why should? Cross-platform
HTML5 – Why should? Friendly development environment
HTML5 – Why should? Flexible UI system
HTML5 – Why not? Performance
HTML5 – Why not? Community is new and quiet
OGDC2013_ Cross platform game development with html5_ Mr Hoang Dinh Quang
HTML5 – Why not? 3D is terrible
HTML5 – Why not? Out-of-the-box
• Game Engine: ImpactJS, Construct 2, CAAT… and 50 more • Toolkit: CocoonJS, appMobi SDK, PhoneGap… • Server-side: NodeJS, Socket.IO… Powerful Toys
Powerful Toys FPS - Benchmark Report
• Access Native APIs – Location – Notification – Camera, blah blah… • Services – IAP (In-App-Purchase) – Social Network Integration – Ads Promotion, blah blah… Powerful Toys
Turn-base mobile game on HTML5 A true story
ImpactJS CocoonJS Venturesoom What did we choose? 99$ Free No way to measure
• Text, effects… Write more plugins • Screen Resolution Dev on middle ratio • Limited Engine Do more on canvas • RAM Consumption OMG (Oh My God!) Problem/Solution
Memory Consumption Large images/spritesheets loaded Resolution: 1024x768 Format: PNG-8 Size: 916 bytes In-Memory: 3MB!!! (1024x768x4 bytes)
Memory Consumption Wasted pixels Resolution: 800x600 Format: PNG-8 Size: 619 bytes In-Memory: 3MB!!! (1024x768x4 bytes) Wasted: 1.17MB WTF?
Memory Consumption • Solution: – Create Image atlas – Reuse image anytime – Do own Garbage Collector
• CocoonJS Cloud System Compiling – 1 minute action – Android & iOS & Tizen… – Ready to publish to App Store Time to build
• Intel XDK Cloud System Compiling – 1 minute action – Android & iOS & Chrome & Win Phone… – Ready to publish to App Store Time to build
• Working smooth in 60fps (avg). • Running on all popular platforms: Android & iOS & Chrome & Win Phone… The Epic Victory
Advices The world is moving to HTML5 Our Biggest Mistake Was Betting Too Much On HTML5 VS
The end
The game’s beginning… Any question?

More Related Content

PPT
Topic buying a computer dnt
dongnhutien
 
PPTX
Wp7 performance challenges
Gergely Orosz
 
PPTX
Ipad 2
mirimf
 
PDF
Thinking cpu & memory - DroidCon Paris 18 june 2013
Paris Android User Group
 
PPTX
The future of technology
mike_henderson
 
PDF
Ubuntu en AAO
Elvira Martínez
 
PDF
Running HTML5 Mobile Web Games at 60fps
Apoorv Saxena
 
PDF
Get responsive in 30 minutes (WordCamp Sofia)
Nickolay Ninarski
 
Topic buying a computer dnt
dongnhutien
 
Wp7 performance challenges
Gergely Orosz
 
Ipad 2
mirimf
 
Thinking cpu & memory - DroidCon Paris 18 june 2013
Paris Android User Group
 
The future of technology
mike_henderson
 
Ubuntu en AAO
Elvira Martínez
 
Running HTML5 Mobile Web Games at 60fps
Apoorv Saxena
 
Get responsive in 30 minutes (WordCamp Sofia)
Nickolay Ninarski
 

Similar to OGDC2013_ Cross platform game development with html5_ Mr Hoang Dinh Quang (20)

PDF
HTML5 Games Status and issues
J.h. Liu
 
PDF
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...
gamifi.cc
 
PPTX
Improving Game Performance in the Browser
FITC
 
PPTX
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
 
PDF
Game design & development
Hemanth Sharma
 
PPT
HTML5 Dev Conf 2013 Presentation
Iker Jamardo
 
PDF
Building a game engine with jQuery
Paul Bakaus
 
PPTX
Publishing HTML5 Games: It’s ShowTime! | Laurens Rutten
Jessica Tams
 
PPTX
Html5 (games)
chamsddine bouzaine
 
PDF
Html5 - the new kid on the block
Marian Borca
 
PPTX
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
DevGAMM Conference
 
PDF
Hacking to be performant
Apoorv Saxena
 
PPTX
Html5 Game Development with Canvas
Pham Huy Tung
 
PPTX
Massively Social != Massively Multiplayer
Paul Furio
 
PDF
Augernaut js
mckennaphillabaum
 
PDF
Creating Casual Games for Windows 8
SmartyPantsCoding.com
 
PDF
Desarrollo de apps multiplataforma con tecnologías web
Software Guru
 
PDF
Sg conference multiplatform_apps_adam_stanley
n_adam_stanley
 
PDF
Овчаренко Євген “Відеоігри це ефективність”
Lviv Startup Club
 
PDF
JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3D
JSFestUA
 
HTML5 Games Status and issues
J.h. Liu
 
Developing applications and games in Unity engine - Matej Jariabka, Rudolf Ka...
gamifi.cc
 
Improving Game Performance in the Browser
FITC
 
A Holistic Approach to HTML5 Game Design & Development
Karl Bunyan
 
Game design & development
Hemanth Sharma
 
HTML5 Dev Conf 2013 Presentation
Iker Jamardo
 
Building a game engine with jQuery
Paul Bakaus
 
Publishing HTML5 Games: It’s ShowTime! | Laurens Rutten
Jessica Tams
 
Html5 (games)
chamsddine bouzaine
 
Html5 - the new kid on the block
Marian Borca
 
Сергей Батищев: 2D игры на HTML5: мифы и реальность разработки
DevGAMM Conference
 
Hacking to be performant
Apoorv Saxena
 
Html5 Game Development with Canvas
Pham Huy Tung
 
Massively Social != Massively Multiplayer
Paul Furio
 
Augernaut js
mckennaphillabaum
 
Creating Casual Games for Windows 8
SmartyPantsCoding.com
 
Desarrollo de apps multiplataforma con tecnologías web
Software Guru
 
Sg conference multiplatform_apps_adam_stanley
n_adam_stanley
 
Овчаренко Євген “Відеоігри це ефективність”
Lviv Startup Club
 
JS Fest 2019. Денис Радин. AAA 3D графика в Web с ReactJS, BabylonJS и Unity3D
JSFestUA
 
Ad

More from ogdc (20)

PDF
OGDC 2014_Entity system in mobile game development_Mr. Cody nguyen
ogdc
 
PDF
OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
ogdc
 
PPSX
OGDC 2014_Creativity in Game Design - Case Study: Famous Vietnamese mobile ga...
ogdc
 
PDF
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
ogdc
 
PDF
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
ogdc
 
PDF
OGDC 2014_User segmentation and Monetization_Mr. Phat hoang
ogdc
 
PDF
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
ogdc
 
PDF
OGDC 2014_Speed Up and make quality 3D game models_Mr. Pham Duc Duy
ogdc
 
PDF
OGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
ogdc
 
PDF
OGDC 2014_One-Man Studio: How to make a game prototype_Mr. Le Vo Tien Giang
ogdc
 
PDF
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
ogdc
 
PDF
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
ogdc
 
PDF
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
ogdc
 
PDF
OGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
ogdc
 
PDF
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
ogdc
 
PDF
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
ogdc
 
PDF
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
ogdc
 
PDF
OGDC 2014_Business design is game design: 10 bits of business/design wisdom_M...
ogdc
 
PDF
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
ogdc
 
PDF
OGDC 2014_ Game Design: 5 years of painful lessons_Mr. Do Van Thanh
ogdc
 
OGDC 2014_Entity system in mobile game development_Mr. Cody nguyen
ogdc
 
OGDC 2014_Sky Garden Mobile conceptualization: From PC to Mobile_Mr. Luc Hoan...
ogdc
 
OGDC 2014_Creativity in Game Design - Case Study: Famous Vietnamese mobile ga...
ogdc
 
OGDC 2014_Vietnam Mobile Internet 2014: A focus in smartphone game and compar...
ogdc
 
OGDC 2014_Vietnam Smartphone game market 2013 overview. From vision to action...
ogdc
 
OGDC 2014_User segmentation and Monetization_Mr. Phat hoang
ogdc
 
OGDC 2014_Animation workflow with Spine in Tiny Busters_Mr. Huynh Dong Hai
ogdc
 
OGDC 2014_Speed Up and make quality 3D game models_Mr. Pham Duc Duy
ogdc
 
OGDC 2014_Architecting Games in Unity_Mr. Rustum Scammell
ogdc
 
OGDC 2014_One-Man Studio: How to make a game prototype_Mr. Le Vo Tien Giang
ogdc
 
OGDC 2014_Hands on experience with Cocos2dx in cross-platform with Farmery_Mr...
ogdc
 
OGDC 2014_Optimize or Die: Key disciplines to optimize your mobile game_Mr. P...
ogdc
 
OGDC 2014_Why choosing 2D animation for Mobile Game?_Mr. Joe Tran
ogdc
 
OGDC 2014_ An artist's story_Mr. Vu Cam Cong Danh
ogdc
 
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
ogdc
 
OGDC 2014_Cross platform mobile game application development_Mr. Makku J.Kero
ogdc
 
OGDC 2014_Tips and Tricks for seasonal events and community building in Drago...
ogdc
 
OGDC 2014_Business design is game design: 10 bits of business/design wisdom_M...
ogdc
 
OGDC 2014_Build your own Particle System_Mr. Nguyen Dang Quang
ogdc
 
OGDC 2014_ Game Design: 5 years of painful lessons_Mr. Do Van Thanh
ogdc
 
Ad

Recently uploaded (20)

PPTX
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
PDF
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
PDF
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
PDF
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
PDF
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
PDF
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
PPTX
Cloud computing and distributed systems.
kkkkkhan
 
PDF
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
PDF
Encapsulation theory and applications.pdf
gurumoop
 
PDF
MIND Revenue Release Quarter 2 2025 Press Release
MIND CTI
 
Programs and apps: productivity, graphics, security and other tools
4mqw9zch22
 
Review of recent advances in non-invasive hemoglobin estimation
IAESIJAI
 
Digital-Transformation-Roadmap-for-Companies.pptx
David Malick Dieng
 
Encapsulation_ Review paper, used for researhc scholars
gurumoop
 
The Rise and Fall of 3GPP – Time for a Sabbatical?
3G4G
 
Building Integrated photovoltaic BIPV_UPV.pdf
SandeepSingh286037
 
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Peter Tan
 
Spectral efficient network and resource selection model in 5G networks
IAESIJAI
 
Per capita expenditure prediction using model stacking based on satellite ima...
IAESIJAI
 
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
ReZa AdineH
 
Advanced methodologies resolving dimensionality complications for autism neur...
IAESIJAI
 
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
SOFTTECHHUB
 
Machine learning based COVID-19 study performance prediction
IAESIJAI
 
Chapter 3 Spatial Domain Image Processing.pdf
Getnet Tigabie Askale -(GM)
 
Cloud computing and distributed systems.
kkkkkhan
 
Agricultural_Statistics_at_a_Glance_2022_0.pdf
SandeepSingh286037
 
Diabetes mellitus diagnosis method based random forest with bat algorithm
IAESIJAI
 
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
muhammadmuneebnaeem7
 
Encapsulation theory and applications.pdf
gurumoop
 
MIND Revenue Release Quarter 2 2025 Press Release
MIND CTI
 

OGDC2013_ Cross platform game development with html5_ Mr Hoang Dinh Quang