An introduction
to HTML5 game development

Belén Albeza

belenalbeza.com // @ladybenko

Deck:
https://belen-albeza.github.io/intro-gamedev

I. Web tech

Why HTML5 for games?

HTML5 tech to support games

How?

Engines

JS engines/libraries

II. Game development concepts

Basic structures

FSM

The game loop

Game states (I)

Game states (II)

Sprites

Sprites

Keyframe-based animations

Skeletal animation

Entities and the game world

Sprite pools and recycling (I)

Sprite pools and recycling (II)

Physics

Old-school physics

Physics engine

Collision detection

Pixel-perfect

Bounding boxes

Polygon-based

World and levels

Scroll

Grids

Tiles

Rendering

A 2D scene with 3D graphics

Particles

Bitmap fonts

Thanks!

Questions?