Skip to content

sawa-zen/zenpad.js

Repository files navigation

Zenpad.js — GamePad for canvas game.

wercker status MIT License

The aim of the project is to create an easy to use gamepad library for <canvas>.

Demo

Usage

Prepare DOM for Zenpad.js.

<div id="myZenpad"></div>

Install from script

<script src="zenpad.js"></script>
<script>
var zenpad = new Zenpad('myZenpad');
// ... see below
</script>

Install from require

var Zenpad = require('zenpad.js');
var zenpad = new Zenpad('myZenpad');
// ... see below

General

zenpad.on('touchstartA', function() {
  console.info('touchstartA');
});

zenpad.on('moveStick', function(event) {
  console.info('moveStick', event.x);
});

Method

  • on(eventName:String, handler:Function)

    Use to add events.

  • off(eventName:String, handler:Function)

    Use to remove events.

  • dispose()

    Use to dispose zenpad.

Event

  • touchstartA

    Emit "touchstartA" event when push "A" button.

  • touchendA

    Emit "touchendA" event when pull "A" button.

  • clickA

    This is "touchendA" alias event.

  • touchstartB

    Emit "touchstartB" event when push "B" button.

  • touchendB

    Emit "touchendB" event when pull "B" button.

  • clickB

    This is "touchendB" alias event.

  • moveStick

    Emit "moveStick" event when move stick.

    Property

    • x : It is "x" position of stick.
    • y : It is "y" position of stick.
    • angle : It is the angle where the stick was knocked down.
    • length : It is the distance between the stick and the center.
  • releaseStick

    Emit "releaseStick" event when stick is released.