Real Benefits of HTML5 for Games (MS Campfire, 2012)

* Formerly known as GamesMadeMe

Real benefits of HTML5 games Juha Paananen CEO & Co-Founder, Non-Stop Games

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

Seed-Funding

Singapore Office Opens

Dollar Isle LIVE

Company is Born

Dollar Isle BETA

March August March Mid 2012

Game2 Launches

?

•  HTML5 focused games company •  Founded as GamesMadeMe: www.gamesmademe.com

About this talk

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

HTML5?

•  Official definiAon:

http://www.w3.org/TR/2012/WD-html5-20120329/

But for the purpose of this talk…

HTML5 = HTML + JS + CSS3

HYPE?

+ Dextrose +

Where are the games?

Some good examples of HMTL5 games

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

www.dollarisle.com

Reality check?

Lot of games build to demo the tech Only few built for HTM5 from ground-up

This is all normal

We are here?

Create games that take advantage of the plaYorm!

But what are those?

Killer Benefits of HMTL5!

Write once, run everywhere Same codebase

1.

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

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

Did he have an iPhone,

Android or Windows Phone?

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

3. ’Game as a link’

Most natural way of sharing. In our Internet DNA.

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

5. Game always up-‐to-‐date

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

6. Not dependent on app stores

…But

You also lose the biggest benefits of app stores -‐ Easy payment -‐  Discovery

(If you don’t wrap it into naAve)

7. Instant accessibility

This can be only done with HTML5

OR Stories from the front line of web development

Browser as a gaming plaYorm

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

Key HTML5 features for game development

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

Good JS programmer ≠ Good HTML5 programmer

Important to understand ’browser framework’, DOM etc.

•  Choose your game concept carefully

•  Hard to make mobile and desktop gameplay equally good

•  Mobile will take most of your Ame

Remember

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

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

Thank you !

www.gamesmademe.com/jobs

@juhapaananen

Questions?

Real Benefits of HTML5 for Games (MS Campfire, 2012)

Technology

Transcript of Real Benefits of HTML5 for Games (MS Campfire, 2012)