HTML5 Mobile Game Development
1/3/2015Brisbane Game Tech Meetup
Pablo Farias NavarroFounder of ZENVA@[email protected]
HTML5 Game Development
New Technology
“XYZ”
People will hack games
with XYZ
XYZ Game Development
We are on Kickstarter! http://tiny.cc/html5gamedev
We are on Kickstarter! http://tiny.cc/html5gamedev
HTML
We are on Kickstarter! http://tiny.cc/html5gamedev
CSS
We are on Kickstarter! http://tiny.cc/html5gamedev
JavaScript
We are on Kickstarter! http://tiny.cc/html5gamedev
We are on Kickstarter! http://tiny.cc/html5gamedev
CANVAS
We are on Kickstarter! http://tiny.cc/html5gamedev
http://localhost:8110/js-gamedev-course/game/
We are on Kickstarter! http://tiny.cc/html5gamedev
Audio
● http://mdn.github.io/violent-theremin/
We are on Kickstarter! http://tiny.cc/html5gamedev
WebGL
● Babylonjs.com
We are on Kickstarter! http://tiny.cc/html5gamedev
HTML5 Games Distribution
We are on Kickstarter! http://tiny.cc/html5gamedev
Wrappers
HTML5
Nativewrapper
We are on Kickstarter! http://tiny.cc/html5gamedev
Cordova
● Cordova plugins: http://plugins.cordova.io/#/
We are on Kickstarter! http://tiny.cc/html5gamedev
Phonegap Build
● https://build.phonegap.com
We are on Kickstarter! http://tiny.cc/html5gamedev
Intel XDK
We are on Kickstarter! http://tiny.cc/html5gamedev
HTML5 game frameworks
We are on Kickstarter! http://tiny.cc/html5gamedev
Rule #1
We are on Kickstarter! http://tiny.cc/html5gamedev
Rule #2
We are on Kickstarter! http://tiny.cc/html5gamedev
Phaser
● Game rendering● Sounds● Asset preloading● Sprites● World● Groups● Input● Events● Screen sizes● Physics
- http://phaser.io
We are on Kickstarter! http://tiny.cc/html5gamedev
Basic structure
We are on Kickstarter! http://tiny.cc/html5gamedev
How to get started
● Basic to intermediate level of:– HTML
– CSS
– JavaScript
● Start with a very simple game. Client side.● Tutorials and courses:
– http://www.gamedevacademy.org/category/tutorials/html5-gamedev-phaser/
– https://academy.zenva.com
– http://html5hub.com/
We are on Kickstarter! http://tiny.cc/html5gamedev
Other topics
● Advantages and disadvantages of HTML5 games
● SVG● CocoonJS
We are on Kickstarter! http://tiny.cc/html5gamedev
THANK YOU
ZENVA.com
Support us on Kickstarter!
http://tiny.cc/html5gamedev