My talk at Microsoft Campfire in Singapore in April 2012.

1. Real benefits of HTML5 games
Juha Paananen
CEO & Co-Founder, Non-Stop Games
* Formerly known as GamesMadeMe

2. About
Me
• Always
loved
computer
games:
some
of
my
favorites
• Worked
previously
at
Nokia
• Co-­‐founded
Non-­‐Stop
Games
last
year
• Try
to
kitesurf
and
travel
on
my
freeAme

3. • HTML5
focused
games
company
• Founded
as
GamesMadeMe:
www.gamesmademe.com
Company is Born
Dollar Isle BETA Dollar Isle LIVE
March August March Mid 2012
?
Singapore Office Game2 Launches
Opens
Seed-Funding

4. About
this
talk
HTML5
basics
State
of
HTML5
games
Benefits
of
HTML5
for
games
What
we
learned
with
Dollar
Isle
Glimpse
in
the
future

5. HTML5?
• Official
definiAon:
http://www.w3.org/TR/2012/WD-html5-20120329/

6. But
for
the
purpose
of
this
talk…
HTML5
=
HTML
+
JS
+
CSS3

7. HTML5
basics
State
of
HTML5
games
Benefits
of
HTML5
for
games
What
we
learned
with
Dollar
Isle
Glimpse
in
the
future

8. HYPE?
+ Dextrose +

9. Where
are
the
games?

13. Some
good
examples
of
HMTL5
games

14. https://apps.facebook.com/skyscrapercity/

15. www.dollarisle.com

16. Reality
check?
Lot of games build to demo the tech
Only few built for HTM5 from ground-up

18. This
is
all
normal
We are here?

19. Create
games
that
take
advantage
of
the
plaYorm!

20. But
what
are
those?

21. Killer
Benefits
of
HMTL5!

22. HTML5
basics
State
of
HTML5
games
Benefits
of
HTML5
for
games
What
we
learned
with
Dollar
Isle
Glimpse
in
the
future

23. Write
once,
run
everywhere
1. Same
codebase

24. Browser
to
browser
on
desktop
is
fairly
simple
– Just
forget
the
ancient
ones
(IE6,7,8;
FF3,…)
• Mobile
needs
more
love
– Performance.
Bugs
(especially
Android).
UI
• Game
design
for
mobile
&
desktop
is
much
harder
than
the
programming

25. 2.’Everyone’
can
play
(at
least
everyone
with
a
modern
browser)

26. Did
he
have
an
iPhone,
Android
or
Windows
Phone?

27. Big thing for social games
little effect to single player or ’hardcore’ games

28. 3.
’Game
as
a
link’

29. Most natural way of sharing.
In our Internet DNA.

30. 4.
It’s
not
Flash
(=it’s
”open”)

31. 5.
Game
always
up-­‐to-­‐date

32. <

33. Important
in
social
games
that
are
frequently
updated
Makes
A/B
tesAng
much
easier

34. 6.
Not
dependent
on
app
stores

36. …But
You
also
lose
the
biggest
benefits
of
app
stores
-­‐
Easy
payment
-­‐ Discovery
(If
you
don’t
wrap
it
into
naAve)

37. 7.
Instant
accessibility

38. This
can
be
only
done
with
HTML5

39. HTML5
basics
State
of
HTML5
games
Benefits
of
HTML5
for
games
What
we
learned
with
Dollar
Isle
Glimpse
in
the
future

40. OR
Stories from the front line of web development

41. Browser
as
a
gaming
plaYorm

42. Installs
?
–
User
can
come
from
”anywhere”
Session
management
UI
–
Browser
Chrome,
back
bumon,
etc
First
load
extremely
important

43. Key
HTML5
features
for
game
development

44. 1. HTML5
Canvas
2. HTML5
Canvas
3. HTML5
Canvas
4. CSS
transformaAons
5. Other
CSS
stuff
like
rounded
corners

45. Good
JS
programmer
≠
Good
HTML5
programmer
Important to understand ’browser framework’, DOM etc.

46. • Choose
your
game
concept
carefully
• Hard
to
make
mobile
and
desktop
gameplay
equally
good
• Mobile
will
take
most
of
your
Ame

47. Remember
Front-­‐end
it’s
not
all
it
is.
Back-­‐end
work
most
can
be

48. HTML5
basics
State
of
HTML5
games
Benefits
of
HTML5
for
games
What
we
learned
with
Dollar
Isle
Glimpse
in
the
future

49. My
predicAons
• Mobile
browsers
will
get
much
bemer
during
next
12
months
– Sound,
HW
acceleraAon,
etc
• More
app-­‐like
behaviour
for
HTML5
– Home
screen
access..
Looking
forward
to
Metro
apps
• More
distribuAon!
– Facebook,
GREE,
Zynga,
Pokki…
• Living
room
(TV)
starts
to
get
more
important
as
a
plaYorm

50. Thank
you
!
www.gamesmademe.com/jobs
@juhapaananen
Questions?