### 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

SWIPE
SWIPE
SWIPE
START