NEW VERSION 2.0 AVAILABLE

This version of the AirConsole Controller Generator is outdated!

You are being redirected to the new version ...
Or manually go to the new version: Controller Generator V2

AirConsole Controller Generator V1 (DEPRECATED)

This generator helps you to build a simple AirConsole controller including Buttons, DPad or Joystick. It also generates the code to send messages to the screen, which happens whenever a button was pressed or the joystick has been moved.

Open your browsers console - and click on your generated elements to see which data messages will be send to your AirConsole screen.

START BUILDING

Controller.html output:

Create a new file called controller.html and paste the output code into it.

Make sure you have downloaded and included the project of AirConsole-Controls in your directory. We assume your project dir looks like this:

airconsole-controls
controller.html

Buttons send:

  {
    <the-defined-key>: {
      pressed: true|false
    }
  }

DPad will send to the screen:

  {
    : {
      // Directions 'left', 'top', 'right', 'bottom'
      message: { direction: <String> }
    }
  }

Joystick will send to the screen:

  {
    : {
      pressed: true|false,
      message: { x: Number, y: Number }
    }
  }

SwipeDigital will send to the screen:

    {
      : {
        pressed: true|false,
        // Directions-Object: {
        // left: <Boolean>,
        // top: <Boolean>,
        // right: <Boolean>,
        // bottom: <Boolean>
        // }
        message: directions (Object)
      }
    }

SwipeAnalog will send to the screen:

    {
      : {
        pressed: true|false,
        // Direction-Vector-Object: {
        // x: <Number>,
        // y: <Number>,
        // angle: <Number>,
        // degree: <Number>
        // }
        message: (Vec-Object)
      }
    }

SwipePattern will send to the screen:

    {
      : {
        pressed: true|false,
        // Message contains an array of circle
        // which were touched
        message: <Array>
      }
    }

Add button:

Label:
Key to send:
Also send on button-up event