HTML5 Games Tech

Audience Participation Platformer

JSZurich presentation on 2013-03-26.

Structure

The app has three components: server, control and display.

There is also common code shared between all three.

server is a Node.js app. control and display are built with Brunch and run in the browser.

Running

You'll need to have Node.js installed. You'll also need CoffeeScript:

$ npm install -g coffee-script

Start by cloning the repository:

$ git clone https://github.com/jareiko/jszapp.git

Install dependencies:

$ npm install

Build the web apps:

$ (cd control; brunch build)
$ (cd display; brunch build)

If you make changes, you may want to use brunch watch instead of brunch build.

Run the server:

$ coffee server/server.coffee

Then point your browser to:

http://localhost:3000/

Credits

• Rabbit by Redshrike
• Longcat by The Interwebs
• Paintbrush by Josh
• WebGL logo by Khronos
• Other gfx and sounds by @jareiko

Technology

• WebGL
• Three.js
• Backbone.js
• Node.js
• CoffeeScript