Game programming in JavaScript

Game programming in JavaScript

Follow along @ http://fammy.github.io/game

Jason Famularo

jason@famularo.org or @splodn

Stop me and ask questions! You can also ask me to slow down if I speak too fast.

Does JavaScript do everything?

Yes!

Game programming

• Typically C/C++, formerly assembly
• Game loop
  • Process input
  • Update game state/AI
  • Render game (graphics, sounds)
  • Control rate of gameplay
• Sprites
• Collision detection
• And so much more...

Game programming in JavaScript

• HTML Elements (<div>'s and <span>'s)
• <canvas> element
• asm.js

Let's play some asm.js games

Available Framworks

• Paid
• Free
• Check out html5gameengine.com

Crafty

• Crafty has a website: craftyjs.com
• Install: direct download, Bower, npm
• Example: Pong
• Example: Really silly game I made with Crafty

Show me the JavaScript!

"Finished" product

Jason: in case you can't code in front of a room full of people: CLICK ME

Questions?

Ask away!

Jason Famularo

jason@famularo.org or @splodn

Source: github.com/Fammy/GameJSPresentation