HTML5 Game Development Introduction

HTML5 Game Development
Introductions and state o’ the art
Pascal Rettig
@cykod
Wednesday, November 17, 2010

Who Are we?
0
5
10
15
20
Chrome Firefox Safari Opera IE
Favorite Browser
0
2
4
6
8
Mario Luigi Peach Wario Other
Favorite Character

This talk
The What,The Why,The How (later)

What is HTML5?

What is HTML5?
Eh,You’ve heard this before...

What is HTML5
Game Development?
Basically
HTML5 Game Development = Plugin Free Game Development

What is HTML5
Game Development?
We don’t care much about: New Semantic Tags, MicroData
We care a little about: CSS3, Local Storage,Web Workers, GeoLocation

What is HTML5
Game Development?
We Care a lot about:
Canvas, Video, Audio,Web Sockets

For the most part, we’re talking
about Canvas

Why Canvas?

Just give us a f^%#$ buffer already
DirectDraw (DirectX) all over again
Game Development on Windows didn’t ﬂourish until developers got
direct access to a fast video buffer

But, there’s wiggle room...
AVES Game engine uses DOM Objects for better performance
Browsers are optimized to render DOM objects
(But we may never see it, as they just got bought by Zynga...)

HTML5 Performance

Here’s my current project...

Sorry, wrong slide...

Actually it’s not that bad..

Where We are
1985-90 1991-94 1995-20001977-84

Where we are
Q4 2010 Q2 2011 Q4 2011Q1 2010

Awesome is:
20Years of Game Development
Compressed down to 2 years

Next Generation of Browsers
Hardware acceleration on Canvas
WebGL (FF, Safari, Chrome)
Audio
http://www.chromium.org/developers/demos-gpu-acceleration-and-webgl

Why should you care?
Top Ten Reasons

Reason 1:

It’s new and shiny
If you write a crappy 2d game and write a tutorial,
you’ll actually get some attention for it.

Reason 2:

We can get a little retro
(And again, people will actually care)

How about a
Commander Keen-era
platformer?

Reason 3:
It’s Cross-platform
You can leverage the same codebase for a whole bunch
of different platforms
(Akihabara running on iPhone,Android, Firefox, ...)

Reason 4:

It’s kinda easy
Chances are you already know some Javascript,
so there’s not that much new to learn to make simple games

Reason 5:
Casual gaming
Huge industry, with a consumer base that cares lot less about
graphics, etc than hardcore gamers used to.

Reason 6:
(follows from 5)

Indie games have a chance
MineCraft....that’s all I have to say

Reason 7:
It’s coming
Apple (obviously), Microsoft are saying it’s the future
Microsoft just adjusted their SilverLight strategy.

Reason 8:

Games are fun
(And you’re going to have to learn HTML5 anyway)

Reason 9:

It’s Open
No restrictions on tools, open standards and
“development environments”
Closed is why I stopped game development mid 2000’s

Reason 10:

You can go back to basics
And not feel like you’re wasting your time:
Needed: 2D Physics, Collision detection,Vector Math, Sprite libraries

Bonus Reason

Create Game Mechanics
that don’t suck
By moving Game development into the normal browser
environment, we’re taking it out of it’s special box.

What I’ve been doing...
Trying to build as many mini-engines as possible to
get a sense for performance, capabilities,
design patterns, cross-browser support.

What you can do: Present!
Libraries
JavaScript Best Practices
JavaScript Patterns
WebGL
Web Sockets
Hacking Akihabara
New Audio API
Node.js

HTML5 Game Development Introduction

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (14)

Mehr von Pascal Rettig

Mehr von Pascal Rettig (9)

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

HTML5 Game Development Introduction