HTML5 Game Development

It's ready, seriously.

• Fullscreen
• Pointer Lock
• Gamepad

• Vibration
• Screen orientation
• Battery status
• WebSMS
• Proximity sensor

WebTelephony, Vibration API, WebSMS, Idle API, Screen Orientation, Settings API, Power Management API, Mobile Connection API, TCP Socket API, Geolocation API, WiFi Information API, Device Storage API, Contacts API, Mouse Lock API, Open WebApps, WebBluetooth, Network Information API, Battery Status API, Alarm API, Browser API, Time⁄Clock API, Web Activities, Push Notifications API, Permissions API, WebFM API, FileHandle API, Network Stats API, WebPayment, IndexedDB, Archive API, Ambient light sensor, Proximity sensor, SystemXHR, ...

window.navigator.vibrate(200);

        checkOrientation = function() {
          if(window.orientation == 0 || window.orientation == 180) {
            // "rotate your device"
          }
          else {
            // "keep playing"
          }
        }
      

        document.addEventListener("visibilitychange", function() {
          if(document.hidden) {
            // "app is not visible"
          }
          else {
            // "app is visible"
          }
        });
      

Free, easy to use

Notepad, Sublime Text, Eclipse

Browser + dev tools

phaser.io - free, open sourced on GitHub

html5gameengine.com

jsbreakouts.org

• Articles, tutorials and blogs
• Demos, open sourced games, videos
• Community at html5gamedevs.com forums
• Meetups, conferences, competitions

html5devstarter.enclavegames.com

gamedevjsweekly.com

• Mobile OS written in JavaScript
• Created and maintained by Mozilla
• Open source, available on GitHub
• Hardware platform for the mobile web

• Managing applications
  and games
• Editing environment
• Firefox OS Simulator
• Remote debugging

Host your HTML5 games on GitHub Pages

• Portals
• Publishers

Phonegap, CocoonJS, Intel XDK, Ejecta

Manifest file and submit form

        {
          "name": "Name of the app",
          "description": "Description of the app",
          "launch_path": "/",
          "icons": {
            "128": "/img/icon-128.png"
          },
          "developer": {
            "name": "Enclave Games",
            "url": "http://enclavegames.com"
          },
          "default_locale": "en"
        }
      

marketplace.firefox.com/developers/submit/

        var installapp = navigator.mozApps.install(manifestURL);
        installapp.onsuccess = function(data) {
          // "App was installed"
        };
        installapp.onerror = function() {
          // "App was NOT installed,
          // check the installapp.error.name for more info"
        }
      

• Paid games
• In-app purchases
• Advertisements
• Licensing
• Game-related

• Easy to build for
• Easy to publish
• Hardware platform
  for the Web
• Create, test,
  publish, monetize!

• Preparing for Firefox OS
• Optimizing your JavaScript game for Firefox OS
• Screen size management in mobile HTML5 games
• Firefox OS Simulator
• Firefox OS App Manager
• More about the manifest file
• More about the submit process

• {name}
• Slides: {slideurl}