A dive into game development


Tancredi Trugenberger

bit.ly/flickblaster

Why Games?

  • Fun approach to coding
  • Use a wide spectrum of media
  • Good form of expression
All right then, but..

Why HTML5?

  • Use skills you already have
  • Fast development
  • Cross-platform

FlickBlaster!!!!

bit.ly/flickblaster

The Plan

Building a minimal, simple browser and mobile physic-based puzzle game.

The Ingredients

  • CoffeeScript (YAY!)
  • DOM + SVG (Yep..)
  • Cordova
  • A super-simple Express.js server
  • A gameloop based on requestAnimationFrame
  • Box2DWeb running the physics
  • Transit.js to move stuff around
  • Level editor
  • JSON game-data (Levels, entities, materials..)

The result

A futuristic mini-golf type-thing wrapped up with Phonegap, also running in the browser

Making a game?

Just keep in mind

  • The web was never ment for this!
  • Performance is not your friend
  • You may wanna give Unity a shot

Different weapons

  • Canvas
  • WebGL
  • DOM
  • SVG

Mix 'em up!

Enemies

  • Premature optimisation
  • Overcommitment
  • Tech obsession

Think small

Physics

Ports

  • Box2D
  • Bullet
  • ...

Native JS

Wrap-up

  • Use your own tools
  • Tell a story
  • Code fast, learn fast
  • Build something you would play

Resources

Talk repo: bit.ly/tanc-talk

Game repo: bit.ly/flickblaster-repo

.cheers()

Tancredi Trugenberger

@liquidimage_

github.com/tancredi