When Flash fell out of popularity due to lack of mobile support, it left small game makers with a big question – use outdated technology and miss out on the shift to mobile, or make mobile-only games and forget the browser? Gladly, thanks to JavaScript game development frameworks like Phaser, we no longer have to choose. In this talk, I discussed the pros and cons of making games using JavaScript, the basic concepts behind Phaser (my tool of choice), as well as how to go beyond the browser and package JavaScript games for other platforms.
3. @cattsmall@cattsmall
● Why I like making games
● The state of making games for web
● Pros & cons of HTML5 game-making
● My favorite HTML5 game framework
● Tools for packaging HTML5 games as apps
Today we’ll talk about:
20. @cattsmall@cattsmall
0 0THE FREENITED STATES OF FREEMERICA
NAN NAN
0000000000
0 0THE FREENITED STATES OF FREEMERICA
NAN NAN
0000000000
0000000000
0 0
00
THE FREENITED STATES OF FREEMERICA
NAN NAN
0000000000
0000000000
0 0
00
THE FREENITED STATES OF FREEMERICA
NAN NAN
0000000000
0000000000
0 0
00
THE FREENITED STATES OF FREEMERICA
NAN NAN
0000000000
0000000000
Free (or affordable)
0 0
00
THE FREENITED STATES OF FREEMERICA
NAN NAN
0000000000
0000000000
0 0
00
THE FREENITED STATES OF FREEMERICA
NaN NaN
0000000000
0000000000
43. @cattsmall@cattsmall
Game
An object that contains properties related to
gameplay including window width, window
height, and graphic rendering settings.
var game = new Phaser.Game(...);
60. @cattsmall@cattsmall
+ Native to web
+ Free or affordable
+ Many engines to choose from
+ Supports collaboration & version control
+ Export options for various OSes exist
- Too many engines, varying quality
- Browser-native, not usually OS-native
HTML5 game dev + & -’s
61. @cattsmall@cattsmall
● Well-supported with good documentation
● Easy to learn & use
● Fluid, allows for responsive & fullscreen
● More inputs than keyboard & mouse
● Friendly with other plugins & frameworks
Phaser - why it’s good
62. @cattsmall@cattsmall
● Available at phaser.io
● Download & include it in your folder like
any other JavaScript framework
Resources:
● github.com/cattsmall/Phaser-game
● codeliberation.github.io/CLF-slides
Phaser - try it out!
63. @cattsmall@cattsmall
● Intel XDK for mobile & computer OSes
software.intel.com/en-us/intel-xdk
● PhoneGap for mobile OSes
phonegap.com
● CocoonJS for iOS & Android
ludei.com/cocoonjs
● NW.js for Windows, OSX, & Linux
nwjs.io
HTML5 to native