The document discusses different technologies that can be used to develop HTML5 games including JavaScript, CSS3, WebGL, Canvas, and Native Client. It provides examples of games developed with these technologies and notes platforms and monetization options for HTML5 games. It also includes an example of gameplay and scoring for an imaginary HTML5 game.

1. HTML5

2. HTML5
WebGL, JavaScript,
Web Sockets, GLSL,
Web Audio, Canvas,
DOM, CSS3, SVG
and more...

3. HTML5 GAMES
made using
JavaScript or CSS3
paired with a
browser based
technology.

4. HTML5 GAMES
WEBGL
OpenGL ES 2.0:
memory / bandwidth
required for texture
and model data, variety
of GPUs.
Microsoft has no public
plans to support it yet.
SKiDRacer

5. HTML5 GAMES
NATIVE CLIENT
Non-HTML5 Chrome
NaCl technology.
C/C++ produces a .nexe,
a compiled native module.
For performance and
reuse of existing work
without recoding it from
scratch.
Bastion

6. HTML5 GAMES
CSS3
the domain of pro web
developers and you’re
likely to hit the
limitations of what it
can do rapidly.
GeckoTang

7. HTML5 GAMES
JS+DOM
hardware acceleration
available. it’s possible to
write extremely fast
and responsive
Document Object
Model based games.
Sumon

8. HTML5 GAMES
<CANVAS>
read and write pixel
level data.
well supported in
browsers, rendering
speeds vary
dramatically.
Onslaught!

9. HTML5 GAMES
PLATFORMS
Desktop Browsers, Facebook, Mobile Web Browser, Mobile
Apps, Tablets, Windows 8 Metro, iOS Native Apps, Intel
AppUp, Opera TV Store
Different Contexts, Screen Sizes, Input Methods, Performance.

10. HTML5 GAMES
MONETIZATION
Google Ads, In-App and mobile billing, Facebook Credits,
Mobile Gaming Portals (Spil, Mindjolt), Metro Apps, App Store,
Android Marketplace, Browser vendor stores, Blackberry
AppWorld, NOOK Apps, Kindle Fire/Amazon, Intel AppUp,
Opera TV Store

11. HTML5 GAMES
a m d t p a
a f a n j h
MY GAME r i r e o j
JavaScript+DOM objects e a e l p o
or
JavaScript + HTML5 <canvas> s a i y s a
f i e a o x
Click-based
b p o e n a
3 platforms: o a v d b a
· Mobile
· Web browser
· Facebook + Social Highscores

12. HTML5 GAMES +100
a p a
a m j h
MY GAME r f d o j
JavaScript+DOM objects e i a n p o
or
JavaScript + HTML5 <canvas> s a e e s a
f a i l o x
Click-based
b i e a n a
3 platforms: o a v d b a
· Mobile
· Web browser
· Facebook + Social Highscores