Abusing Firefox OS

and HTML5 games

for fun and profit

onGameStart 2013

Andrzej Mazur / @end3r / Enclave Games
Warsaw, September 20th 2013

About me

Andrzej Mazur

Case study - Captain Rogers

https://marketplace.firefox.com/app/captain-rogers Captain Rogers

Andrzej Mazur (coding, Enclave Games)
Robert Podgórski (graphics, Blackmoon Design)

Rogers story

  • Very simple, but polished game
  • Built with ImpactJS game engine
  • Prepared and optimized for Firefox OS devices
  • Submitted to the Marketplace in minutes

Firefox OS

Firefox OS

  • Mobile operating system
  • Developed by Mozilla
  • Pure HTML5 and JavaScript
  • Open sourced
  • Freely customizable
  • Targeted for low-end devices
  • "New old" ecosystem

Is HTML5 ready for gaming?

Is HTML5 ready for gaming?

HTML5: The good parts

Good parts

  • Free
  • One code base
  • Thousands of developers already
  • True cross platform
  • For every device with a browser
  • Distribution through URLs
  • Ease of use, plugin-free
  • Open source code, easy to learn
  • Instant updates
  • Store independent

Firefox OS

The good parts of HTML5 enhanced by the technology

Firefox OS == mobile Web

The weak spots

HTML5 weak spots

  • Audio API
  • Performance
  • Monetisation
  • Offline

Web Audio API

Web Audio API


  • Hardware access


  • Mozilla Marketplace
  • In-app purchases
  • Advertisements
  • Licensing


  • Packaged app
  • Hosted with storage

Let's start with the Fox

What does the fox say?

Test in the browser

Firefox OS Simulator

Firefox OS Simulator as a plugin in the browser

Grab your device


Geeksphone Keon and Peak, ZTE Open, Alcatel OneTouch Fire, LG Leo, more coming soon.


  • Whole-pixel rendering
  • Cache drawing in an offscreen canvas
  • Use moz-opaque on the canvas tag (Firefox only)
  • Scale canvas using CSS3 Transforms
  • CSS for large background images
  • Multiple canvases for layers

Source: Mozilla Hacks

Firefox Marketplace


  • Market for your apps
  • Packaged or self hosted
  • Instant install button
  • Almost no competition

Prepare your game

for the Fifefox OS platform

The manifest file


    "name": "My App",
    "description": "My description goes here",
    "launch_path": "/",
    "icons": {
        "128": "/img/icon-128.png"
    "developer": {
        "name": "Your name or organization",
        "url": "http://your-homepage-here.org"
    "default_locale": "en"

The submit form

Marketplace Form

Rogers revisited

Captain Rogers

In the Marketplace

Captain Rogers in Firefox Marketplace https://marketplace.firefox.com/app/captain-rogers

On the actual device

Captain Rogers on Firefox OS Keon

Lessons learned

  • Very easy to adapt your game
  • Documentation is ready
  • Attend events to gain experience
  • Ask questions, give feedback

Wrapping up

  • Easy to build for
  • Easy to publish
  • No limitations by the platform
  • You build for the Web, not for the Firefox OS
  • Firefox OS App == Web App


winners announcement


Js13kGames - what's this?

Js13kGames website
  • HTML5 game dev compo
  • 13 kilobytes limit
  • No externals, all in .zip
  • Source hosted on GitHub
  • $20.000 worth of prizes
  • August 13th - September 13th

10th place

Life of Blobb by Alex Gyoshev

9th place

untitled13 by Gheja

8th place

Staccato by Siorki

7th place

Origin by Evan Hahn

6th place

Glowbougs by Mr Speaker

5th place

Traffic by Krisztián Tóth

4th place

Nigo's Cave by Felipe Alfonso

3rd place

Angry Boars by Saturnyn

2nd place

JunoJS by Robert Kotecki

1st place

Radius Raid by Jack Rugile


Andrzej Mazur / @end3r / Enclave Games

Ender Efka @end3r