HTML5

Game Prototyping

Out story by Maksims Mihejevs, Maciej Baron

Who Are We?

Maciej Baron

Developer, Hacker/Maker

thebezet@gmail.com, git

Maksims Mihejevs

Developer, Talk Machine

core@moka.co, git, moka.co

Challenges

Yesterday ↔ Today

  • WebSockets
  • Canvas
  • JavaScript Performance
  • Accessibility (canvas, socket.io)
  • Windows, Mac OS X, Linux, iOS, Android, WP8 ...
  • Firefox, Chrome, Safari, IE9+ ...

Journey

Why HTML5?

We have

  • Realtime Network Communication
  • 2D / 3D GAPI (without plugins)
  • Transition from Desktop to Mobile
  • Cloud - AWS, AppEngine ...
  • Pleasure to code!

But before that

  • C# .Net + WebSockets, async TCP, serialization, threading
  • hard to get stable
  • case dependant

 

no time for hacking!

Max: "Inspiration"

  • 24+ hours non-stop hacking - (try yourself)
  • Molyjam, GameHack, Firefox Hackable Games
  • Space + Time (latency) Challenge

Maciej: "My early days of
game development"

  • flash
  • long polling
  • HTTP persistent connections
  • AJAX
  • C++ event-based networking (ClanLib)

Demo time !

robocybe

Hackable Multiplayer TDS 24 hours

node.js, socket.io, canvas, codemirror

client input → server validation → simulation → client render

moka.co:443

Beat-Em-Up

Multiplayer Side Scroller 24 hours

node.js, socket.io, canvas, backbone.js

GameHack Days

moka.co:8080

Think about A

  • events vs game cycle
  • game state
  • politics
  • Model View for UI

Think about B

  • Sprites - using spritesheets / atlases
  • Canvas - out of the box drawing / states functions
  • Libraries / Modules - code reausability

Final Thoughts

Questions?