15 | game pad
16 |
17 |
15 | game pad
16 |
17 |
18 |
19 | 
20 | keyboard
21 |
22 |
23 |
24 | 
25 | touch pad
26 |
27 |
28 |
29 |
--------------------------------------------------------------------------------
/TROUBLESHOOTING.md:
--------------------------------------------------------------------------------
1 | Troubleshooting
2 | ===============
3 |
4 | npm install
5 | -----------
6 | If you get errors on
7 |
8 | npm install
9 |
10 | make sure you have node version 9 or higher installed.
11 | If you open an issue please provide version numbers for both nodejs and npm and
12 | state what OS (including version) you're working with.
13 |
14 | ### installing `ioctl` fails
15 | Errors along the line of
16 | ```
17 | ValueError: invalid mode: 'rU' while trying to load binding.gyp
18 | ```
19 | can occur if you have Python 3.11 or newer installed while running on older node verions.
20 | Try downgrading to Python 3.10 or older or upgrading nodejs.
21 |
22 |
23 | Error: EINVAL, invalid argument
24 | -------------------------------
25 | If you get errors on running
26 |
27 | sudo node main.js
28 |
29 | that look something like
30 |
31 | Missing error handler on `socket`.
32 | Error: EINVAL, invalid argument
33 |
34 | this may be caused by running on ubuntu or a system that does not come with
35 | header-files (dev-packages) pre-installed. Try:
36 |
37 | sudo apt-get install libudev-dev
38 |
39 |
40 | Nothing helped
41 | --------------
42 | If nothing helped see if you can find you problem in the
43 | [issue section](https://github.com/miroof/node-virtual-gamepads/issues?utf8=%E2%9C%93&q=).
44 | Still no solution? Open an issue.
45 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | Upcoming
2 | ========
3 |
4 | 1.5.0
5 | =====
6 | * Allow theoretically infinitely many gamepads to connect to the server.
7 | Adding a setting in `config.json` to set the LED combination for each
8 | gamepad.
9 | * Update dependencies to also support nodejs version 12.
10 | * Allow server to be started from outside its containing folder
11 | * Bug fixes:
12 | * Fix some touch browsers registering double click on keyboard keys
13 | * Disable context menu (e.g. when long touching on android)
14 | * Update docs
15 | * Added [contribution guide](CONTRIBUTING.md)
16 | * Update Readme "developing" section
17 |
18 | 1.4.0
19 | =====
20 | * Fix error when disconnecting clients (missing argument for fs.close)
21 | * Using npm lock file to fix dependencies' versions
22 | * Allow log level to be set with environment variable `LOGLEVEL`
23 | * Adding timestamp to log output
24 | * Kill server process if main.js (monitoring) gets killed.
25 | This will **not work for** `SIGKILL`. When you forcefully kill the
26 | server, make sure to kill it's child processes as well if intended.
27 | * Improve logging
28 | * Bug fixes:
29 | * Crash on failing keyboard initialization
30 | * Update dependencies
31 | * Add physical gamepad support to the client
32 |
33 | 1.3.0
34 | =====
35 | * Introduced Changelog
36 | * Improved documentation (e.g. explaining `config.json`)
37 | * D-Pad supports analog stick behaviour by default
38 | * Improved logging
39 | * Using module `forever-monitor` to restart the server if it crashes
40 | for some reason.
41 | * Bug fixes
42 |
--------------------------------------------------------------------------------
/main.js:
--------------------------------------------------------------------------------
1 | // Generated by CoffeeScript 1.10.0
2 |
3 | /*
4 | Created by Robsdedude on 01/10/2017
5 | Virtual gamepad application
6 | */
7 |
8 | (function() {
9 | var earlyDeathCount, exiting, forever, i, len, log, ref, server, sig;
10 |
11 | forever = require('forever-monitor');
12 |
13 | log = require('./lib/log');
14 |
15 | server = new forever.Monitor(require('path').resolve(__dirname, 'server.js'), {
16 | max: Infinity,
17 | args: []
18 | });
19 |
20 | exiting = false;
21 |
22 | server.on('exit', function() {
23 | return log('warning', 'server.js has exited');
24 | });
25 |
26 | earlyDeathCount = 0;
27 |
28 | server.on('exit:code', function() {
29 | var diedAfter;
30 | if (exiting) {
31 | return;
32 | }
33 | diedAfter = Date.now() - server.ctime;
34 | log('info', 'diedAfter: ' + diedAfter);
35 | earlyDeathCount = diedAfter < 5000 ? earlyDeathCount + 1 : 0;
36 | log('info', 'earlyDeathCount: ' + earlyDeathCount);
37 | if (earlyDeathCount >= 3) {
38 | log('error', 'Died too often too fast.');
39 | return server.stop();
40 | }
41 | });
42 |
43 | server.on('restart', function() {
44 | return log('error', 'Forever restarting script for ' + server.times + ' time');
45 | });
46 |
47 | ref = ['SIGTERM', 'SIGINT', 'exit'];
48 | for (i = 0, len = ref.length; i < len; i++) {
49 | sig = ref[i];
50 | process.on(sig, (function(s) {
51 | return function() {
52 | log('info', 'received ' + s);
53 | exiting = true;
54 | return server.stop();
55 | };
56 | })(sig));
57 | }
58 |
59 | server.start();
60 |
61 | }).call(this);
62 |
--------------------------------------------------------------------------------
/app/virtual_keyboard_hub.js:
--------------------------------------------------------------------------------
1 | // Generated by CoffeeScript 1.10.0
2 |
3 | /*
4 | Created by roba91 on 15/08/2016
5 | Virtual keyboard hub class
6 | */
7 |
8 | (function() {
9 | var keyboard, log, virtual_keyboard_hub;
10 |
11 | keyboard = require('./virtual_keyboard');
12 |
13 | log = require('../lib/log');
14 |
15 | virtual_keyboard_hub = (function() {
16 | function virtual_keyboard_hub() {
17 | this.keyboards = [];
18 | }
19 |
20 | virtual_keyboard_hub.prototype.connectKeyboard = function(callback) {
21 | var boardId;
22 | boardId = this.keyboards.length;
23 | log('info', 'Creating and connecting to keyboard number' + boardId);
24 | this.keyboards[boardId] = new keyboard();
25 | return this.keyboards[boardId].connect(function() {
26 | return callback(boardId);
27 | }, function(err) {
28 | log('error', "Couldn't connect to keyboard:\n" + JSON.stringify(err));
29 | return callback(-1);
30 | });
31 | };
32 |
33 | virtual_keyboard_hub.prototype.disconnectKeyboard = function(boardId, callback) {
34 | if (this.keyboards[boardId]) {
35 | return this.keyboards[boardId].disconnect((function(_this) {
36 | return function() {
37 | _this.keyboards[boardId] = void 0;
38 | return callback();
39 | };
40 | })(this));
41 | }
42 | };
43 |
44 | virtual_keyboard_hub.prototype.sendEvent = function(boardId, event) {
45 | if (this.keyboards[boardId]) {
46 | return this.keyboards[boardId].sendEvent(event);
47 | }
48 | };
49 |
50 | return virtual_keyboard_hub;
51 |
52 | })();
53 |
54 | module.exports = virtual_keyboard_hub;
55 |
56 | }).call(this);
57 |
--------------------------------------------------------------------------------
/app/virtual_touchpad_hub.js:
--------------------------------------------------------------------------------
1 | // Generated by CoffeeScript 1.10.0
2 |
3 | /*
4 | Virtual touchpad hub class
5 | */
6 |
7 | (function() {
8 | var log, touchpad, virtual_touchpad_hub;
9 |
10 | touchpad = require('./virtual_touchpad');
11 |
12 | log = require('../lib/log');
13 |
14 | virtual_touchpad_hub = (function() {
15 | function virtual_touchpad_hub() {
16 | this.touchpads = [];
17 | }
18 |
19 | virtual_touchpad_hub.prototype.connectTouchpad = function(callback) {
20 | var touchpadId;
21 | touchpadId = this.touchpads.length;
22 | log('info', 'Creating and connecting to touchpad number ' + touchpadId);
23 | this.touchpads[touchpadId] = new touchpad();
24 | return this.touchpads[touchpadId].connect(function() {
25 | return callback(touchpadId);
26 | }, function(err) {
27 | log('error', "Couldn't connect to touchpad:\n" + JSON.stringify(err));
28 | return callback(-1);
29 | });
30 | };
31 |
32 | virtual_touchpad_hub.prototype.disconnectTouchpad = function(touchpadId, callback) {
33 | if (this.touchpads[touchpadId]) {
34 | return this.touchpads[touchpadId].disconnect((function(_this) {
35 | return function() {
36 | _this.touchpads[touchpadId] = void 0;
37 | return callback();
38 | };
39 | })(this));
40 | }
41 | };
42 |
43 | virtual_touchpad_hub.prototype.sendEvent = function(touchpadId, event) {
44 | if (this.touchpads[touchpadId]) {
45 | return this.touchpads[touchpadId].sendEvent(event);
46 | }
47 | };
48 |
49 | return virtual_touchpad_hub;
50 |
51 | })();
52 |
53 | module.exports = virtual_touchpad_hub;
54 |
55 | }).call(this);
56 |
--------------------------------------------------------------------------------
/lib/uinput_structs.js:
--------------------------------------------------------------------------------
1 | // note: underscores instead of camel casing was used in variable names. This
2 | // was done to keep the name consistent with the underlying c/c++ files.
3 |
4 | var ref = require('ref-napi');
5 | var io = require('./io');
6 | var ArrayType = require('ref-array-napi');
7 | var StructType = require('ref-struct-napi');
8 | var uinput = require('./uinput');
9 |
10 | var uinputStructs = {};
11 |
12 | uinputStructs.time_t = ref.types.long;
13 | uinputStructs.suseconds_t = ref.types.long;
14 |
15 | uinputStructs.timeval = StructType({
16 | tv_sec: uinputStructs.time_t,
17 | tv_usec: uinputStructs.suseconds_t
18 | });
19 |
20 | uinputStructs.input_event = StructType({
21 | time: uinputStructs.timeval,
22 | type: ref.types.uint16,
23 | code: ref.types.uint16,
24 | value: ref.types.int32
25 | });
26 |
27 | uinputStructs.input_id = StructType({
28 | bustype: ref.types.uint16,
29 | vendor: ref.types.uint16,
30 | product: ref.types.uint16,
31 | version: ref.types.uint16
32 | });
33 |
34 | uinputStructs.uinput_setup = StructType({
35 | id: uinputStructs.input_id,
36 | name: ArrayType(ref.types.char, uinput.UINPUT_MAX_NAME_SIZE),
37 | ff_effects_max: ref.types.uint32
38 | });
39 |
40 | uinputStructs.uinput_user_dev = StructType({
41 | name: ArrayType(ref.types.char, uinput.UINPUT_MAX_NAME_SIZE),
42 | id: uinputStructs.input_id,
43 | ff_effects_max: ref.types.uint32,
44 | absmax: ArrayType(ref.types.int32, uinput.ABS_CNT),
45 | absmin: ArrayType(ref.types.int32, uinput.ABS_CNT),
46 | absfuzz: ArrayType(ref.types.int32, uinput.ABS_CNT),
47 | absflat: ArrayType(ref.types.int32, uinput.ABS_CNT)
48 | });
49 |
50 | uinputStructs.UI_DEV_SETUP = io._IOW( io.UINPUT_IOCTL_BASE, 3, uinputStructs.uinput_setup);
51 |
52 | module.exports = uinputStructs;
53 |
--------------------------------------------------------------------------------
/README_CONFIG.md:
--------------------------------------------------------------------------------
1 | About config.json
2 | =================
3 |
4 | You can customize the behaviour of the program by changing the values in
5 | `config.json`. This document explains what the single fields will do.
6 |
7 | * `port`: sets the port the web-server is listening on.
8 | * `useGamepadByDefault`: if set to `false`, `/` will redirect to a
9 | page where one of gamepad, keyboard, or touchpad can be chosen.
10 | If set to `true`, `/` redirects to the gamepad. The input-selection
11 | page can still be accessed via `/index.html`.
12 | * `analog`: if set to `true` the above-mentioned redirection will
13 | append `?analog` to the address. This flag will cause the gamepad's
14 | d-pad to act like an analog stick instead of d-pad.
15 | * `logLevel`: set it to `"debug"` to get a lot more logging output,
16 | to `"warning"` to only get critical output, or even to `"error"` if
17 | you want to only get errors logged (not recommended).
18 | * `ledBitFieldSequence`: must be an array of 'bit fields'. The length of the
19 | array will determine how many controllers can connect to the server while
20 | the bit field values will set what LED-combination of the controllers will
21 | be lit. The bit fields are numbers from 0-15, resulting in the following LED
22 | arrangements:
23 | ```
24 | 0 - ....
25 | 1 - *...
26 | 2 - .*..
27 | 3 - **..
28 | 4 - ..*.
29 | 5 - *.*.
30 | 6 - .**.
31 | 7 - ***.
32 | 8 - ...*
33 | 9 - *..*
34 | 10 - .*.*
35 | 11 - **.*
36 | 12 - ..**
37 | 13 - *.**
38 | 14 - .***
39 | 15 - ****
40 | ```
41 | Example: `ledBitFieldSequence = [1, 12]` will allow at most two controllers
42 | to connect. The first controller will have only the first LED lit (`*...`)
43 | and the second controller will have the last two LEDs lit (`..**`).
44 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | Contribution Guideline
2 | ======================
3 |
4 | Thank you for the interest and potential effort.
5 | Before you start to work on a pull request, please carefully read the following.
6 |
7 | * Look at the rest of the code and try to stick to the code style. Ugly code
8 | won't be merged.
9 | * If you plan to make a bigger change, you might want to open an issue first
10 | and discuss the idea and possible implementations with the developer team.
11 | Otherwise, it might turn out that your idea does not fit the gist of the
12 | project, your pull request gets rejected, and you feel like you've wasted
13 | your time. We don't want that!
14 | * Note that server-side code is mostly written in [CoffeeScript](https://coffeescript.org/).
15 | So don't change code in files like `xyz.js` if, in the same directory, there
16 | is a file like `xyz.coffee`. This means that the javascript file was
17 | generated by the CoffeeScript compiler. You can also see this by a comment at
18 | the beginning of the js file similar to `// Generated by CoffeeScript 1.10.0`.
19 | In this case you have to make the changes to the `.coffee` file(s) only and
20 | run the compiler to generate the `.js` file(s).
21 | * Usually you should file your pull request against the `develop` branch
22 | and most certainly not the `master` branch which is reserved for releases.
23 | * When you're done, don't forget to briefly describe the changes made in the
24 | [CHANGELOG](CHANGELOG.md#upcoming) under the section "Upcoming".
25 |
26 | For setting up the development environment check out the section
27 | [Developing in the README](README.md#developing).
28 |
29 | If you're having problems, you might find help on the
30 | [troubleshooting](TROUBLESHOOTING.md) page. If not feel free to open an issue or
31 | contact one of the developers.
32 |
33 | Thanks for reading. This will probably save you and us valuable time.
--------------------------------------------------------------------------------
/public/js/keyboard/utils.js:
--------------------------------------------------------------------------------
1 | define(["jquery"], function ($) {
2 |
3 | $.fn.redraw = function(){
4 | return $(this).each(function(){
5 | var redraw = this.offsetHeight;
6 | });
7 | };
8 |
9 | return {
10 | //http://wowmotty.blogspot.de/2009/06/convert-jquery-rgb-output-to-hex-color.html
11 | rgb2hex: function (orig) {
12 | var rgb = orig.replace(/\s/g, '').match(/^rgba?\((\d+),(\d+),(\d+)/i);
13 | return (rgb && rgb.length === 4) ? "#" +
14 | ("0" + parseInt(rgb[1], 10).toString(16)).slice(-2) +
15 | ("0" + parseInt(rgb[2], 10).toString(16)).slice(-2) +
16 | ("0" + parseInt(rgb[3], 10).toString(16)).slice(-2) : orig;
17 | },
18 |
19 | //https://css-tricks.com/snippets/javascript/lighten-darken-color/
20 | lightenDarkenColor: function (col, amt) {
21 | var usePound = false;
22 | if (col[0] == "#") {
23 | col = col.slice(1);
24 | usePound = true;
25 | }
26 | var num = parseInt(col, 16);
27 |
28 | var r = (num >> 16) + amt;
29 | if (r > 255) r = 255;
30 | else if (r < 0) r = 0;
31 |
32 | var b = ((num >> 8) & 0x00FF) + amt;
33 | if (b > 255) b = 255;
34 | else if (b < 0) b = 0;
35 |
36 | var g = (num & 0x0000FF) + amt;
37 | if (g > 255) g = 255;
38 | else if (g < 0) g = 0;
39 |
40 | return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16);
41 |
42 | },
43 |
44 | parseKeyId: function(idString) {
45 | var isModKey = false;
46 | if (idString.search('m') == 0) {
47 | idString = idString.slice(1);
48 | isModKey = true;
49 | }
50 | return [isModKey, parseInt(idString)];
51 | }
52 | }
53 | });
--------------------------------------------------------------------------------
/app/virtual_gamepad_hub.coffee:
--------------------------------------------------------------------------------
1 | ###
2 | Created by MIROOF on 04/03/2015
3 | Virtual gamepad hub class
4 | ###
5 |
6 | gamepad = require './virtual_gamepad'
7 | log = require '../lib/log'
8 | config = require '../config'
9 |
10 | num_gamepads = config.ledBitFieldSequence.length
11 | # ledBitFieldSequence should be an array of 'bit fields'.
12 | # the bit fields are numbers from 0-15, resulting in the following LED arrangements:
13 | # 0 - ....
14 | # 1 - *...
15 | # 2 - .*..
16 | # 3 - **..
17 | # 4 - ..*.
18 | # 5 - *.*.
19 | # 6 - .**.
20 | # 7 - ***.
21 | # 8 - ...*
22 | # 9 - *..*
23 | # 10 - .*.*
24 | # 11 - **.*
25 | # 12 - ..**
26 | # 13 - *.**
27 | # 14 - .***
28 | # 15 - ****
29 |
30 | class virtual_gamepad_hub
31 |
32 | constructor: () ->
33 | @gamepads = []
34 | for i in [0..(num_gamepads-1)]
35 | @gamepads[i] = undefined
36 |
37 | connectGamepad: (callback) ->
38 | padId = 0
39 | freeSlot = false
40 |
41 | # Check is a slot is available
42 | # and retrieve the corresponding gamepad id
43 | while !freeSlot and padId < num_gamepads
44 | if !@gamepads[padId]
45 | freeSlot = true
46 | else
47 | padId++
48 |
49 | if !freeSlot
50 | log 'warning', "Couldn't add new gamepad: no slot left."
51 | callback -1
52 | else
53 | # Create and connect the gamepad
54 | log 'info', 'Creating and connecting to gamepad number ' + padId
55 | @gamepads[padId] = new gamepad()
56 | @gamepads[padId].connect () ->
57 | callback padId
58 | , (err) ->
59 | @gamepads[padId] = undefined
60 | log 'error', "Couldn't connect to gamepad:\n" + JSON.stringify(err)
61 | callback -1
62 |
63 | disconnectGamepad: (padId, callback) ->
64 | if @gamepads[padId]
65 | @gamepads[padId].disconnect () =>
66 | @gamepads[padId] = undefined
67 | callback()
68 |
69 | sendEvent: (padId, event) ->
70 | if @gamepads[padId]
71 | @gamepads[padId].sendEvent event
72 |
73 | module.exports = virtual_gamepad_hub
74 |
--------------------------------------------------------------------------------
/app/virtual_gamepad_hub.js:
--------------------------------------------------------------------------------
1 | // Generated by CoffeeScript 1.10.0
2 |
3 | /*
4 | Created by MIROOF on 04/03/2015
5 | Virtual gamepad hub class
6 | */
7 |
8 | (function() {
9 | var config, gamepad, log, num_gamepads, virtual_gamepad_hub;
10 |
11 | gamepad = require('./virtual_gamepad');
12 |
13 | log = require('../lib/log');
14 |
15 | config = require('../config');
16 |
17 | num_gamepads = config.ledBitFieldSequence.length;
18 |
19 | virtual_gamepad_hub = (function() {
20 | function virtual_gamepad_hub() {
21 | var i, j, ref;
22 | this.gamepads = [];
23 | for (i = j = 0, ref = num_gamepads - 1; 0 <= ref ? j <= ref : j >= ref; i = 0 <= ref ? ++j : --j) {
24 | this.gamepads[i] = void 0;
25 | }
26 | }
27 |
28 | virtual_gamepad_hub.prototype.connectGamepad = function(callback) {
29 | var freeSlot, padId;
30 | padId = 0;
31 | freeSlot = false;
32 | while (!freeSlot && padId < num_gamepads) {
33 | if (!this.gamepads[padId]) {
34 | freeSlot = true;
35 | } else {
36 | padId++;
37 | }
38 | }
39 | if (!freeSlot) {
40 | log('warning', "Couldn't add new gamepad: no slot left.");
41 | return callback(-1);
42 | } else {
43 | log('info', 'Creating and connecting to gamepad number ' + padId);
44 | this.gamepads[padId] = new gamepad();
45 | return this.gamepads[padId].connect(function() {
46 | return callback(padId);
47 | }, function(err) {
48 | this.gamepads[padId] = void 0;
49 | log('error', "Couldn't connect to gamepad:\n" + JSON.stringify(err));
50 | return callback(-1);
51 | });
52 | }
53 | };
54 |
55 | virtual_gamepad_hub.prototype.disconnectGamepad = function(padId, callback) {
56 | if (this.gamepads[padId]) {
57 | return this.gamepads[padId].disconnect((function(_this) {
58 | return function() {
59 | _this.gamepads[padId] = void 0;
60 | return callback();
61 | };
62 | })(this));
63 | }
64 | };
65 |
66 | virtual_gamepad_hub.prototype.sendEvent = function(padId, event) {
67 | if (this.gamepads[padId]) {
68 | return this.gamepads[padId].sendEvent(event);
69 | }
70 | };
71 |
72 | return virtual_gamepad_hub;
73 |
74 | })();
75 |
76 | module.exports = virtual_gamepad_hub;
77 |
78 | }).call(this);
79 |
--------------------------------------------------------------------------------
/public/js/virtual_keyboard_client.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by roba91 on 01.08.16.
3 | */
4 |
5 | require(["common"], function(common) {
6 | require([
7 | "jquery",
8 | "socketio",
9 | "keyboard/utils",
10 | "keyboard/settings",
11 | "keyboard/input"],
12 | function ($, io, utils, settings, input) {
13 |
14 | function showInput(str) {
15 | $('#inputOverlay').find('p').text(str).parent().addClass('active').redraw().removeClass('active');
16 | }
17 |
18 |
19 | function loadKeyboardLayout(layout, cb) {
20 | var fn = settings.ALL_KEYBOARDS[layout];
21 | if (fn == null) throw 'unknown layout: '+layout;
22 | fn = settings.KEYBOARDS_PATH+fn;
23 | var div = $('#keyboard-container');
24 | $.get(fn, function (data) {
25 | var svg = $(data.rootElement);
26 | svg.removeAttr('height').removeAttr('width').attr('id', 'keyboard');
27 | div.html('');
28 | div.append(svg);
29 | if (cb != null) cb();
30 | });
31 |
32 | }
33 |
34 |
35 | function init(cb) {
36 | loadKeyboardLayout(settings.keyboardLayout, cb);
37 | }
38 |
39 |
40 | require(["lib/domReady"], function (domReady) {
41 | domReady(function () {
42 | var socket = io();
43 |
44 | init(function () {
45 | $('.loader').hide();
46 | socket.on("keyboardConnected", function(data) {
47 | input.listen(function (data) { // key callback
48 | socket.emit("boardEvent", data);
49 | }, function () { // settings callback
50 | settings.modal.open();
51 | });
52 | });
53 | });
54 |
55 | socket.on("connect", function() {
56 | socket.emit("connectKeyboard", null);
57 | });
58 |
59 | socket.on("disconnect", function() {
60 | location.reload();
61 | });
62 |
63 | // disable context menu e.g. on long touches on android
64 | $(window).on("contextmenu", function(event) {
65 | event.preventDefault();
66 | event.stopPropagation();
67 | return false;
68 | });
69 | });
70 | });
71 | });
72 | });
73 |
--------------------------------------------------------------------------------
/lib/uinput.js:
--------------------------------------------------------------------------------
1 | var io = require('./io');
2 |
3 | var uinput = {};
4 |
5 | uinput.UI_SET_EVBIT = io._IOW( io.UINPUT_IOCTL_BASE, 100, io['int']);
6 | uinput.UI_SET_KEYBIT = io._IOW( io.UINPUT_IOCTL_BASE, 101, io['int']);
7 | uinput.UI_SET_RELBIT = io._IOW( io.UINPUT_IOCTL_BASE, 102, io['int']);
8 | uinput.UI_SET_ABSBIT = io._IOW( io.UINPUT_IOCTL_BASE, 103, io['int']);
9 |
10 | uinput.UI_DEV_CREATE = io._IO( io.UINPUT_IOCTL_BASE, 1 );
11 | uinput.UI_DEV_DESTROY = io._IO( io.UINPUT_IOCTL_BASE, 2 );
12 |
13 | uinput.EV_SYN = 0x00;
14 | uinput.EV_KEY = 0x01;
15 | uinput.EV_REL = 0x02;
16 | uinput.EV_ABS = 0x03;
17 |
18 | uinput.BTN_MOUSE = 0x110;
19 | uinput.BTN_LEFT = 0x110;
20 | uinput.BTN_RIGHT = 0x111;
21 | uinput.BTN_MIDDLE = 0x112;
22 | uinput.BTN_SIDE = 0x113;
23 | uinput.BTN_EXTRA = 0x114;
24 | uinput.BTN_FORWARD = 0x115;
25 | uinput.BTN_BACK = 0x116;
26 | uinput.BTN_TASK = 0x117;
27 | uinput.BTN_JOYSTICK = 0x120;
28 | uinput.BTN_TRIGGER = 0x120;
29 | uinput.BTN_THUMB = 0x121;
30 | uinput.BTN_THUMB2 = 0x122;
31 | uinput.BTN_TOP = 0x123;
32 | uinput.BTN_TOP2 = 0x124;
33 | uinput.BTN_PINKIE = 0x125;
34 | uinput.BTN_BASE = 0x126;
35 | uinput.BTN_BASE2 = 0x127;
36 | uinput.BTN_BASE3 = 0x128;
37 | uinput.BTN_BASE4 = 0x129;
38 | uinput.BTN_BASE5 = 0x12a;
39 | uinput.BTN_BASE6 = 0x12b;
40 | uinput.BTN_DEAD = 0x12f;
41 | uinput.BTN_GAMEPAD = 0x130;
42 | uinput.BTN_A = 0x130;
43 | uinput.BTN_B = 0x131;
44 | uinput.BTN_C = 0x132;
45 | uinput.BTN_X = 0x133;
46 | uinput.BTN_Y = 0x134;
47 | uinput.BTN_Z = 0x135;
48 | uinput.BTN_TL = 0x136;
49 | uinput.BTN_TR = 0x137;
50 | uinput.BTN_TL2 = 0x138;
51 | uinput.BTN_TR2 = 0x139;
52 | uinput.BTN_SELECT = 0x13a;
53 | uinput.BTN_START = 0x13b;
54 | uinput.BTN_MODE = 0x13c;
55 | uinput.BTN_THUMBL = 0x13d;
56 | uinput.BTN_THUMBR = 0x13e;
57 | uinput.REL_X = 0x00;
58 | uinput.REL_Y = 0x01;
59 | uinput.REL_WHEEL = 0x08;
60 | uinput.ABS_X = 0x00;
61 | uinput.ABS_Y = 0x01;
62 | uinput.ABS_Z = 0x02;
63 |
64 | uinput.ABS_RX = 0x03;
65 | uinput.ABS_RY = 0x04;
66 | uinput.ABS_RZ = 0x05;
67 | uinput.ABS_HAT0X = 0x10;
68 | uinput.ABS_HAT0Y = 0x11;
69 | uinput.ABS_MISC = 0x28;
70 |
71 | uinput.ABS_MAX = 0x3f;
72 | uinput.ABS_CNT = uinput.ABS_MAX + 1;
73 |
74 | uinput.ID_BUS = 0;
75 | uinput.BUS_USB = 0x3;
76 |
77 | uinput.UINPUT_MAX_NAME_SIZE = 80;
78 |
79 | for( var i in uinput ) {
80 | module.exports[ i ] = uinput[i];
81 | }
82 |
--------------------------------------------------------------------------------
/lib/io.js:
--------------------------------------------------------------------------------
1 | var io = {}
2 |
3 | io['int'] = 4;
4 | io['char'] = 1;
5 | io['char*'] = 8;
6 |
7 | io.UINPUT_IOCTL_BASE = 'U'.charCodeAt();
8 |
9 | io._IOC_NONE = 0;
10 | io._IOC_WRITE = 1;
11 | io._IOC_READ = 2;
12 |
13 | io._IOC_NRBITS = 8;
14 | io._IOC_TYPEBITS = 8;
15 |
16 | io._IOC_SIZEBITS = 14;
17 | io._IOC_DIRBITS = 2;
18 |
19 | io._IOC_NRMASK = ((1 << io._IOC_NRBITS ) -1 );
20 | io._IOC_TYPEMASK = ((1 << io._IOC_TYPEBITS ) -1 );
21 | io._IOC_SIZEMASK = ((1 << io._IOC_SIZEBITS ) -1 );
22 | io._IOC_DIRMASK = ((1 << io._IOC_DIRBITS ) -1 );
23 |
24 | io._IOC_NRSHIFT = 0;
25 | io._IOC_TYPESHIFT = ( io._IOC_NRSHIFT + io._IOC_NRBITS );
26 | io._IOC_SIZESHIFT = ( io._IOC_TYPESHIFT + io._IOC_TYPEBITS );
27 | io._IOC_DIRSHIFT = ( io._IOC_SIZESHIFT + io._IOC_SIZEBITS );
28 |
29 |
30 |
31 | io.sizeof = function(n){
32 | switch ( typeof n ){
33 | case 'number':
34 | return n;
35 | case 'string':
36 | return n.length;
37 | case 'object':
38 | return n.length ? n.length : 0;
39 | case 'undefined':
40 | return 0;
41 | }
42 | }
43 |
44 |
45 |
46 | io._IOC = function( dir, type, nr,size ) {
47 | return (( dir << io._IOC_DIRSHIFT ) |
48 | ( type << io._IOC_TYPESHIFT ) |
49 | ( nr << io._IOC_NRSHIFT ) |
50 | ( size << io._IOC_SIZESHIFT ) );
51 | }
52 |
53 |
54 | io._IOC_TYPECHECK = function( t ) {
55 | return io.sizeof(t);
56 | }
57 |
58 |
59 | io._IO = function( type, nr ) {
60 | return io._IOC( io._IOC_NONE, type, nr, 0 );
61 | }
62 |
63 | io._IOR = function( type, nr, size) {
64 | return io._IOC( io._IOC_READ, type, nr, io._IOC_TYPECHECK(size) );
65 | }
66 |
67 | io._IOW = function( type, nr, size ) {
68 | return io._IOC( io._IOC_WRITE, type, nr, io._IOC_TYPECHECK(size));
69 | }
70 |
71 | io._IOWR = function( type, nr, size ) {
72 | return io._IOC( io._IOC_READ | io._IOC_WRITE, type, nr, io._IOC_TYPECHECK(size));
73 | }
74 |
75 | io._IOR_BAD = function( type, nr, size ) {
76 | return io._IOC( io._IOC_READ, type, nr, io.sizeof(size));
77 | }
78 |
79 | io._IOW_BAD = function( type, nr, size ) {
80 | return io._IOC( io._IOC_WRITE, type, nr, io.sizeof(size));
81 | }
82 |
83 | io._IOWR_BAD = function( type, nr, size ) {
84 | return io._IOC( io._IOC_READ | io._IOC_WRITE, type, nr, io.sizeof(size));
85 | }
86 |
87 |
88 |
89 | /* used to decode ioctl numbers.. */
90 | io._IOC_DIR = function( nr ) {
91 | return ( nr >> io._IOC_DIRSHIFT ) & io._IOC_DIRMASK;
92 | }
93 |
94 | io._IOC_TYPE = function( nr ) {
95 | return ( nr >> io._IOC_TYPESHIFT ) & io._IOC_TYPEMASK;
96 | }
97 |
98 | io._IOC_NR = function( nr ) {
99 | return ( nr >> io._IOC_NRSHIFT ) & io._IOC_NRMASK;
100 | }
101 |
102 | io._IOC_SIZE = function( nr ) {
103 | return ( nr >> io._IOC_SIZESHIFT ) & io._IOC_SIZEMASK;
104 | }
105 |
106 |
107 | module.exports = io;
--------------------------------------------------------------------------------
/app/virtual_keyboard.coffee:
--------------------------------------------------------------------------------
1 | ###
2 | Created by roba91 on 15/08/2016
3 | Virtual keyboard class
4 | ###
5 |
6 | fs = require 'fs'
7 | ioctl = require 'ioctl'
8 | uinput = require '../lib/uinput'
9 | uinputStructs = require '../lib/uinput_structs'
10 | log = require '../lib/log'
11 |
12 | class virtual_keyboard
13 |
14 | constructor: () ->
15 |
16 | connect: (callback, error, retry=0) ->
17 | fs.open '/dev/uinput', 'w+', (err, fd) =>
18 | if err
19 | log 'error', "Error on opening /dev/uinput:\n" + JSON.stringify(err)
20 | error err
21 | else
22 | @fd = fd
23 |
24 | # Init buttons
25 | ioctl @fd, uinput.UI_SET_EVBIT, uinput.EV_KEY
26 | for i in [0..255]
27 | ioctl @fd, uinput.UI_SET_KEYBIT, i
28 |
29 | uidev = new uinputStructs.uinput_user_dev
30 | uidev_buffer = uidev.ref()
31 | uidev_buffer.fill(0)
32 | uidev.name = Array.from("Virtual keyboard")
33 | uidev.id.bustype = uinput.BUS_USB
34 | uidev.id.vendor = 0x3
35 | uidev.id.product = 0x4
36 | uidev.id.version = 1
37 |
38 | fs.write @fd, uidev_buffer, 0, uidev_buffer.length, null, (err) =>
39 | if err
40 | log 'error', "Error on init keyboard write:\n" + JSON.stringify(err)
41 | error err
42 | else
43 | try
44 | ioctl @fd, uinput.UI_DEV_CREATE
45 | callback()
46 | catch error
47 | log 'error', "Error on keyboard dev creation:\n" + JSON.stringify(err)
48 | fs.closeSync @fd
49 | @fd = undefined
50 | if retry < 5
51 | log 'info', "Retry to create keyboard"
52 | @connect callback, error, retry+1
53 | else
54 | log 'error', "Gave up on creating device"
55 | error err
56 |
57 | disconnect: (callback) ->
58 | if @fd
59 | ioctl @fd, uinput.UI_DEV_DESTROY
60 | fs.closeSync @fd
61 | @fd = undefined
62 | callback()
63 |
64 | sendEvent: (event) ->
65 | log 'debug', event
66 | if @fd
67 | ev = new uinputStructs.input_event
68 | ev.type = event.type
69 | ev.code = event.code
70 | ev.value = event.value
71 | ev.time.tv_sec = Math.round(Date.now() / 1000)
72 | ev.time.tv_usec = Math.round(Date.now() % 1000 * 1000)
73 | ev_buffer = ev.ref()
74 |
75 | ev_end = new uinputStructs.input_event
76 | ev_end.type = 0
77 | ev_end.code = 0
78 | ev_end.value = 0
79 | ev_end.time.tv_sec = Math.round(Date.now() / 1000)
80 | ev_end.time.tv_usec = Math.round(Date.now() % 1000 * 1000)
81 | ev_end_buffer = ev_end.ref()
82 |
83 | fs.writeSync @fd, ev_buffer, 0, ev_buffer.length, null
84 | fs.writeSync @fd, ev_end_buffer, 0, ev_end_buffer.length, null
85 |
86 | module.exports = virtual_keyboard
87 |
--------------------------------------------------------------------------------
/public/css/touchpad.css:
--------------------------------------------------------------------------------
1 | body {
2 | -moz-user-select: none;
3 | -webkit-user-select: none;
4 | -ms-user-select: none;
5 | user-select: none;
6 | -o-user-select: none;
7 | }
8 |
9 | html, body {
10 | padding: 0;
11 | margin: 0;
12 | }
13 |
14 | body {
15 | overflow: hidden;
16 | position: fixed;
17 | top: 0;
18 | right: 0;
19 | bottom: 0;
20 | left: 0;
21 | }
22 |
23 | html {
24 | background: #292929 url(../images/noise.png);
25 | font-family: sans-serif;
26 | }
27 |
28 | button {
29 | font-size: 14px;
30 | background: #111;
31 | color: #666;
32 | border: 0;
33 | padding: 10px;
34 | margin: 7px;
35 | }
36 |
37 | button:hover {
38 | background: #050505;
39 | }
40 |
41 | button:active {
42 | color: #fff;
43 | background: #000;
44 | }
45 |
46 | #menu {
47 | background: #222;
48 | margin: 0;
49 | padding: 0;
50 | position: absolute;
51 | left: 0;
52 | right: 0;
53 | top: 0;
54 | bottom: 0;
55 | height: 50px;
56 | z-index: 10;
57 | }
58 |
59 | #touchpad {
60 | position: absolute;
61 | left: 0;
62 | right: 0;
63 | bottom: 0;
64 | top: 50px;
65 | }
66 |
67 | #touchpad-area {
68 | position: absolute;
69 | left: 0;
70 | top: 0;
71 | right: 0;
72 | bottom: 20%;
73 | background: -moz-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.10) 0%, rgba(0, 0, 0, 0.01) 100%); /* FF3.6+ */
74 | background: -webkit-radial-gradient(ellipse farthest-corner, rgba(255, 255, 255, 0.10) 0%, rgba(0, 0, 0, 0.01) 100%); /* Chrome10+,Safari5.1+ */
75 | border-bottom: 1px solid #242424;
76 | }
77 |
78 | #touchpad-btn_left {
79 | left: 0;
80 | right: 50%;
81 | border-right: 1px solid #242424;
82 | }
83 |
84 | #touchpad-btn_right {
85 | left: 50%;
86 | right: 0;
87 | border-left: 1px solid #383838;
88 | }
89 |
90 | #touchpad-btn_left,
91 | #touchpad-btn_right {
92 | position: absolute;
93 | top: 80%;
94 | bottom: 0;
95 | border-top: 1px solid #383838;
96 | }
97 |
98 | #connecting {
99 | position: fixed;
100 | z-index: 100;
101 | left: 0;
102 | top: 0;
103 | bottom: 0;
104 | right: 0;
105 | background: rgba(0, 0, 0, 0.8);
106 | }
107 |
108 | @-webkit-keyframes blink {
109 | 0% {
110 | opacity: 1;
111 | }
112 | 50% {
113 | opacity: 0.4;
114 | }
115 | 100% {
116 | opacity: 1;
117 | }
118 | }
119 |
120 | @-moz-keyframes blink {
121 | 0% {
122 | opacity: 1;
123 | }
124 | 50% {
125 | opacity: 0.4;
126 | }
127 | 100% {
128 | opacity: 1;
129 | }
130 | }
131 |
132 | #connecting span {
133 | color: #fff;
134 | text-align: center;
135 | font-family: monospace;
136 | position: absolute;
137 | top: 50%;
138 | left: 0;
139 | right: 0;
140 | bottom: 50%;
141 | -moz-animation: blink 0.7s infinite;
142 | -webkit-animation: blink 0.7s infinite;
143 | }
144 |
145 | #settings-gear {
146 | float: right;
147 | height: 50px;
148 | }
149 |
150 | #settings-gear svg {
151 | fill: #666;
152 | margin-top: 7px;
153 | margin-right: 7px;
154 | height: 36px;
155 | width: 36px;
156 | cursor: pointer;
157 | }
--------------------------------------------------------------------------------
/CREATE_KEYBOARD_LAYOUT.md:
--------------------------------------------------------------------------------
1 | Creating a new Keyboard Layout
2 | ==============================
3 | This document will first explain a the process of creating a new keyboard layout
4 | in a technical way. After that an example on how to do that with Inkscape
5 | (a free vector graphic editing software) is given.
6 |
7 |
8 | Technical View
9 | --------------
10 | ### SVG Structure ###
11 | A keyboard layout is an svg file that contains one group that represents the
12 | whole keyboard. Inside that group you may place as many groups as wanted
13 | representing keys but no further groups.
14 |
15 | ### IDs of Key Groups ###
16 | Each key group must have an id that
17 | represents the keyCode (see below on how to get them). If the key is a modifier
18 | key (e.g. Ctrl) prepend 'm' in front of the keyCode (e.g. m100). Modifier keys
19 | are such keys that usually have no effect if pressed alone but only in
20 | combination with other keys.
21 |
22 | ### How to get the keyCodes ###
23 | If you're running a Linux system run `sudo showkey`. Then stroke the keys on
24 | your keyboard.
25 |
26 | ### Update the JavaScript ###
27 | Open public/js/keyboard/settings.js with the editor of you choice. Add your new
28 | keyboard layout to the `ALL_KEYBOARDS` object. Example if there was only the
29 | `us-US` layout and you added the `de-DE` layout, the file should change from
30 |
31 | var ALL_KEYBOARDS = {
32 | 'en-US': 'en-US.svg'
33 | };
34 |
35 | to
36 |
37 | var ALL_KEYBOARDS = {
38 | 'en-US': 'en-US.svg',
39 | 'de-DE': 'de-DE.svg'
40 | };
41 |
42 | where the key (left side of colon) is the name of the layout while the value
43 | (right side of colon) is the file name layout svg you just created under
44 | `public/images/keyboards`. HINT: don't forget the commas between the lines.
45 |
46 | With Inkscape
47 | -------------
48 | Assumption: You have forked and cloned the repository.
49 |
50 | * Install Inkscape. Please check out their site
51 | [https://inkscape.org/](https://inkscape.org/) for more detail.
52 | * Go to `public/images/keyboards` under the project's path
53 | * Copy an existing keyboard close to the one you want to create.
54 | Or create a new svg file there. Please name it appropriately.
55 | * Open the file with Inkscape.
56 | * Modify the file as needed (don't use layers!)
57 | * Some tips for editing:
58 | * The whole keyboard is grouped. Ungroup it (Ctrl+Shift+G)
59 | * Tip: The font used is `Nimbus Sans L`
60 | * Convert all text to path (Select it and hit Ctrl+Shift+C)
61 | * Make sure each key is a group:
62 | * Select all parts of key and hit Ctrl+G
63 | * Go through the key groups from top left to top right (as you would read)
64 | * Select it (by clicking)
65 | * Press `End` key to lower the group to the bottom.
66 | This will bring the keys in a proper order an will make any
67 | debugging in the future much easier.
68 | * Open object properties (Ctrl+Shift+O)
69 | * Edit the id field according to the instructions above under
70 | ["Technical View" > "IDs of key groups"](#ids-of-key-groups)
71 | * Select the whole keyboard and group it (Ctrl+G again)
72 | * "save file as" (Ctrl+Shift+S)
73 | * select file type "Plain SVG"
74 | * overwrite your newly created file
75 | * Follow the instructions under
76 | ["Technical View" > "Update the JavaScript"](#update-the-javascript)
77 | * Test your layout!
78 | * Create a pull request =)
79 | * Thank you for your support!
80 |
81 |
82 |
83 |
--------------------------------------------------------------------------------
/server.coffee:
--------------------------------------------------------------------------------
1 | ###
2 | Created by MIROOF on 04/03/2015
3 | Virtual gamepad application
4 | ###
5 |
6 | path = require('path')
7 | express = require('express')
8 | app = express()
9 | http = require('http').Server(app)
10 | io = require('socket.io')(http)
11 | config = require './config.json'
12 | log = require './lib/log'
13 |
14 | gamepad_hub = require './app/virtual_gamepad_hub'
15 | gp_hub = new gamepad_hub()
16 | keyboard_hub = require './app/virtual_keyboard_hub'
17 | kb_hub = new keyboard_hub()
18 | touchpad_hub = require './app/virtual_touchpad_hub'
19 | tp_hub = new touchpad_hub()
20 |
21 | port = process.env.PORT || config.port
22 |
23 | # Add URL query string if analog mode is enabled
24 | if config.analog
25 | suffix = '?analog'
26 | else
27 | suffix = ''
28 |
29 | # draw routes
30 | app.get '/', (req, res) ->
31 | if config.useGamepadByDefault
32 | res.redirect 'gamepad.html' + suffix
33 | else
34 | res.redirect 'index.html' + suffix
35 |
36 | app.use(express.static(__dirname + '/public'));
37 |
38 | # socket io
39 | io.on 'connection', (socket) ->
40 | socket.on 'disconnect', () ->
41 | if socket.gamePadId != undefined
42 | log 'info', 'Gamepad disconnected'
43 | gp_hub.disconnectGamepad socket.gamePadId, () ->
44 | else if socket.keyBoardId != undefined
45 | log 'info', 'Keyboard disconnected'
46 | kb_hub.disconnectKeyboard socket.keyBoardId, () ->
47 | else if socket.touchpadId != undefined
48 | log 'info', 'Touchpad disconnected'
49 | tp_hub.disconnectTouchpad socket.touchpadId, () ->
50 | else
51 | log 'info', 'Unknown disconnect'
52 |
53 | socket.on 'connectGamepad', () ->
54 | gp_hub.connectGamepad (gamePadId) ->
55 | ledBitField = config.ledBitFieldSequence[gamePadId]
56 | if gamePadId != -1
57 | log 'info', 'connectGamepad: success'
58 | socket.gamePadId = gamePadId
59 | socket.emit 'gamepadConnected', {padId: gamePadId, ledBitField: ledBitField}
60 | else
61 | log 'warning', 'connectGamepad: failed'
62 |
63 | socket.on 'padEvent', (data) ->
64 | log 'debug', 'padEvent '+ JSON.stringify(data)
65 | if socket.gamePadId != undefined and data
66 | gp_hub.sendEvent socket.gamePadId, data
67 |
68 |
69 | socket.on 'connectKeyboard', () ->
70 | kb_hub.connectKeyboard (keyBoardId) ->
71 | if keyBoardId != -1
72 | log 'info', 'connectKeyboard: success'
73 | socket.keyBoardId = keyBoardId
74 | socket.emit 'keyboardConnected', {boardId: keyBoardId}
75 | else
76 | log 'info', 'connectKeyboard: failed'
77 |
78 | socket.on 'boardEvent', (data) ->
79 | log 'debug', 'boardEvent '+ JSON.stringify(data)
80 | if socket.keyBoardId != undefined and data
81 | kb_hub.sendEvent socket.keyBoardId, data
82 |
83 | socket.on 'connectTouchpad', () ->
84 | tp_hub.connectTouchpad (touchpadId) ->
85 | if touchpadId != -1
86 | log 'info', 'connectTouchpad: success'
87 | socket.touchpadId = touchpadId
88 | socket.emit 'touchpadConnected', {touchpadId: touchpadId}
89 | else
90 | log 'info', 'connectTouchpad: failed'
91 |
92 | socket.on 'touchpadEvent', (data) ->
93 | log 'debug', 'touchpadEvent '+ JSON.stringify(data)
94 | if socket.touchpadId != undefined and data
95 | tp_hub.sendEvent socket.touchpadId, data
96 |
97 | http.on 'error', (err) ->
98 | if err.hasOwnProperty('errno')
99 | switch err.errno
100 | when "EACCES"
101 | log 'error', "You don't have permissions to open port " + port +
102 | ". " + "For ports smaller than 1024, you need root privileges."
103 | throw err
104 |
105 | http.listen port, () ->
106 | log 'info', "Listening on #{port}"
107 |
--------------------------------------------------------------------------------
/app/virtual_gamepad.coffee:
--------------------------------------------------------------------------------
1 | ###
2 | Created by MIROOF on 04/03/2015
3 | Virtual gamepad class
4 | ###
5 |
6 | fs = require 'fs'
7 | ioctl = require 'ioctl'
8 | uinput = require '../lib/uinput'
9 | uinputStructs = require '../lib/uinput_structs'
10 | log = require '../lib/log'
11 |
12 |
13 | class virtual_gamepad
14 |
15 | constructor: () ->
16 |
17 | connect: (callback, error, retry=0) ->
18 | fs.open '/dev/uinput', 'w+', (err, fd) =>
19 | if err
20 | log 'error', "Error on opening /dev/uinput:\n" + JSON.stringify(err)
21 | error err
22 | else
23 | @fd = fd
24 |
25 | # Init buttons
26 | ioctl @fd, uinput.UI_SET_EVBIT, uinput.EV_KEY
27 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_A
28 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_B
29 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_X
30 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_Y
31 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_TL
32 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_TR
33 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_START
34 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_SELECT
35 | # Init directions
36 | ioctl @fd, uinput.UI_SET_EVBIT, uinput.EV_ABS
37 | ioctl @fd, uinput.UI_SET_ABSBIT, uinput.ABS_X
38 | ioctl @fd, uinput.UI_SET_ABSBIT, uinput.ABS_Y
39 |
40 | uidev = new uinputStructs.uinput_user_dev
41 | uidev_buffer = uidev.ref()
42 | uidev_buffer.fill(0)
43 | uidev.name = Array.from("Virtual gamepad")
44 | uidev.id.bustype = uinput.BUS_USB
45 | uidev.id.vendor = 0x3
46 | uidev.id.product = 0x3
47 | uidev.id.version = 2
48 |
49 | uidev.absmax[uinput.ABS_X] = 255
50 | uidev.absmin[uinput.ABS_X] = 0
51 | uidev.absfuzz[uinput.ABS_X] = 0
52 | uidev.absflat[uinput.ABS_X] = 15
53 |
54 | uidev.absmax[uinput.ABS_Y] = 255
55 | uidev.absmin[uinput.ABS_Y] = 0
56 | uidev.absfuzz[uinput.ABS_Y] = 0
57 | uidev.absflat[uinput.ABS_Y] = 15
58 |
59 | fs.write @fd, uidev_buffer, 0, uidev_buffer.length, null, (err) =>
60 | if err
61 | log 'error', "Error on init gamepad write:\n" + JSON.stringify(err)
62 | error err
63 | else
64 | try
65 | ioctl @fd, uinput.UI_DEV_CREATE
66 | callback()
67 | catch err
68 | log 'error', "Error on gamepad dev creation:\n" + JSON.stringify(err)
69 | fs.closeSync @fd
70 | @fd = undefined
71 | if retry < 5
72 | log 'info', "Retry to create gamepad"
73 | @connect callback, error, retry+1
74 | else
75 | log 'error', "Gave up on creating device"
76 | error err
77 |
78 | disconnect: (callback) ->
79 | if @fd
80 | ioctl @fd, uinput.UI_DEV_DESTROY
81 | fs.closeSync @fd
82 | @fd = undefined
83 | callback()
84 |
85 | sendEvent: (event, error) ->
86 | if @fd
87 | ev = new uinputStructs.input_event
88 | ev.type = event.type
89 | ev.code = event.code
90 | ev.value = event.value
91 | ev.time.tv_sec = Math.round(Date.now() / 1000)
92 | ev.time.tv_usec = Math.round(Date.now() % 1000 * 1000)
93 | ev_buffer = ev.ref()
94 |
95 | ev_end = new uinputStructs.input_event
96 | ev_end.type = 0
97 | ev_end.code = 0
98 | ev_end.value = 0
99 | ev_end.time.tv_sec = Math.round(Date.now() / 1000)
100 | ev_end.time.tv_usec = Math.round(Date.now() % 1000 * 1000)
101 | ev_end_buffer = ev_end.ref()
102 |
103 | try
104 | fs.writeSync @fd, ev_buffer, 0, ev_buffer.length, null
105 | catch err
106 | log 'error', "Error on writing ev_buffer"
107 | throw err
108 | try
109 | fs.writeSync @fd, ev_end_buffer, 0, ev_end_buffer.length, null
110 | catch err
111 | log 'error', "Error on writing ev_end_buffer"
112 | throw err
113 |
114 |
115 | module.exports = virtual_gamepad
116 |
--------------------------------------------------------------------------------
/app/virtual_keyboard.js:
--------------------------------------------------------------------------------
1 | // Generated by CoffeeScript 1.10.0
2 |
3 | /*
4 | Created by roba91 on 15/08/2016
5 | Virtual keyboard class
6 | */
7 |
8 | (function() {
9 | var fs, ioctl, log, uinput, uinputStructs, virtual_keyboard;
10 |
11 | fs = require('fs');
12 |
13 | ioctl = require('ioctl');
14 |
15 | uinput = require('../lib/uinput');
16 |
17 | uinputStructs = require('../lib/uinput_structs');
18 |
19 | log = require('../lib/log');
20 |
21 | virtual_keyboard = (function() {
22 | function virtual_keyboard() {}
23 |
24 | virtual_keyboard.prototype.connect = function(callback, error, retry) {
25 | if (retry == null) {
26 | retry = 0;
27 | }
28 | return fs.open('/dev/uinput', 'w+', (function(_this) {
29 | return function(err, fd) {
30 | var i, j, uidev, uidev_buffer;
31 | if (err) {
32 | log('error', "Error on opening /dev/uinput:\n" + JSON.stringify(err));
33 | return error(err);
34 | } else {
35 | _this.fd = fd;
36 | ioctl(_this.fd, uinput.UI_SET_EVBIT, uinput.EV_KEY);
37 | for (i = j = 0; j <= 255; i = ++j) {
38 | ioctl(_this.fd, uinput.UI_SET_KEYBIT, i);
39 | }
40 | uidev = new uinputStructs.uinput_user_dev;
41 | uidev_buffer = uidev.ref();
42 | uidev_buffer.fill(0);
43 | uidev.name = Array.from("Virtual keyboard");
44 | uidev.id.bustype = uinput.BUS_USB;
45 | uidev.id.vendor = 0x3;
46 | uidev.id.product = 0x4;
47 | uidev.id.version = 1;
48 | return fs.write(_this.fd, uidev_buffer, 0, uidev_buffer.length, null, function(err) {
49 | var error1;
50 | if (err) {
51 | log('error', "Error on init keyboard write:\n" + JSON.stringify(err));
52 | return error(err);
53 | } else {
54 | try {
55 | ioctl(_this.fd, uinput.UI_DEV_CREATE);
56 | return callback();
57 | } catch (error1) {
58 | error = error1;
59 | log('error', "Error on keyboard dev creation:\n" + JSON.stringify(err));
60 | fs.closeSync(_this.fd);
61 | _this.fd = void 0;
62 | if (retry < 5) {
63 | log('info', "Retry to create keyboard");
64 | return _this.connect(callback, error, retry + 1);
65 | } else {
66 | log('error', "Gave up on creating device");
67 | return error(err);
68 | }
69 | }
70 | }
71 | });
72 | }
73 | };
74 | })(this));
75 | };
76 |
77 | virtual_keyboard.prototype.disconnect = function(callback) {
78 | if (this.fd) {
79 | ioctl(this.fd, uinput.UI_DEV_DESTROY);
80 | fs.closeSync(this.fd);
81 | this.fd = void 0;
82 | return callback();
83 | }
84 | };
85 |
86 | virtual_keyboard.prototype.sendEvent = function(event) {
87 | var ev, ev_buffer, ev_end, ev_end_buffer;
88 | if (this.fd) {
89 | ev = new uinputStructs.input_event;
90 | ev.type = event.type;
91 | ev.code = event.code;
92 | ev.value = event.value;
93 | ev.time.tv_sec = Math.round(Date.now() / 1000);
94 | ev.time.tv_usec = Math.round(Date.now() % 1000 * 1000);
95 | ev_buffer = ev.ref();
96 | ev_end = new uinputStructs.input_event;
97 | ev_end.type = 0;
98 | ev_end.code = 0;
99 | ev_end.value = 0;
100 | ev_end.time.tv_sec = Math.round(Date.now() / 1000);
101 | ev_end.time.tv_usec = Math.round(Date.now() % 1000 * 1000);
102 | ev_end_buffer = ev_end.ref();
103 | fs.writeSync(this.fd, ev_buffer, 0, ev_buffer.length, null);
104 | return fs.writeSync(this.fd, ev_end_buffer, 0, ev_end_buffer.length, null);
105 | }
106 | };
107 |
108 | return virtual_keyboard;
109 |
110 | })();
111 |
112 | module.exports = virtual_keyboard;
113 |
114 | }).call(this);
115 |
--------------------------------------------------------------------------------
/public/js/keyboard/input.js:
--------------------------------------------------------------------------------
1 | define(["jquery", "./utils", "./settings"], function ($, util, settings) {
2 |
3 | navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
4 | function hapticFeedback() {
5 | if (navigator.vibrate) {
6 | navigator.vibrate(50);
7 | }
8 | }
9 |
10 | var clickedKeys = [];
11 | var activeModKeys = {};
12 | function bindClickAndTouchEvents(cb, settingsCb) {
13 | $("svg#keyboard > g > g#settings").on("mousedown touchstart", function () {
14 | $(this).attr('class', 'active');
15 | hapticFeedback();
16 | settingsCb();
17 | $('#settings-modal').removeClass('closed');
18 | }).on("mouseleave mouseup touchend", function (event) {
19 | $(this).removeAttr('class');
20 | });
21 |
22 | $(document).on("contextmenu",function(){
23 | return false;
24 | });
25 |
26 | // mousedown mouseup click touchstart touchend
27 | $("svg#keyboard > g > g:not(#settings)").on("mousedown mouseup click touchstart touchend", function (event) {
28 | if (event.cancelable) {
29 | event.preventDefault();
30 | }
31 | }).on("touchmove", function (event) {
32 | if ($(this).data("left")) {
33 | return;
34 | }
35 | if (event.target !== document.elementFromPoint(
36 | event.originalEvent.targetTouches[0].pageX,
37 | event.originalEvent.targetTouches[0].pageY)) {
38 | $(this).trigger("mouseleave")
39 | .data("left", "true");
40 |
41 | }
42 | }).on("touchend", function (event) {
43 | $(this).data("left", null);
44 | }).on("mousedown touchstart", function (event) {
45 | hapticFeedback();
46 |
47 | $(this).attr('class', 'active');
48 | var key = util.parseKeyId($(this).attr('id'));
49 | var keyIsModKey = key[0]; var keyCode = key[1];
50 |
51 | if ($.inArray(keyCode, clickedKeys) === -1) {
52 | clickedKeys.push(keyCode);
53 | if (keyIsModKey && settings.stickyModKeys && !(keyCode in activeModKeys)) {
54 | activeModKeys[keyCode] = [0, $(this)];
55 | console.info("Activated mod key", keyCode);
56 | if (cb != null) cb({type: 0x01, code: keyCode, value: 1, hardware: false});
57 | } else {
58 | console.info("Clicked", keyCode);
59 | if (cb != null) cb({type: 0x01, code: keyCode, value: 1, hardware: false});
60 | }
61 | }
62 | }).on("mouseleave mouseup touchend", function (event) {
63 | var key = util.parseKeyId($(this).attr('id'));
64 | var keyIsModKey = key[0]; var keyCode = key[1];
65 | var idx = $.inArray(keyCode, clickedKeys);
66 | if (idx >= 0) {
67 | clickedKeys.splice(idx, 1);
68 | if (keyIsModKey && settings.stickyModKeys && keyCode in activeModKeys) {
69 | if (activeModKeys[keyCode][0] === 0) {
70 | // first key release
71 | activeModKeys[keyCode][0] = 1;
72 | return;
73 | }
74 | delete activeModKeys[keyCode];
75 | $(this).removeAttr('class');
76 | if (cb != null) cb({type: 0x01, code: keyCode, value: 0, hardware: false});
77 | } else {
78 | console.info("Released click", keyCode);
79 | $(this).removeAttr('class');
80 | if (cb != null) cb({type: 0x01, code: keyCode, value: 0, hardware: false});
81 | for (key in activeModKeys) {
82 | var code = parseInt(key);
83 | activeModKeys[key][1].removeAttr('class');
84 | delete activeModKeys[key];
85 | console.info("Deactivated mod key", code);
86 | if (cb != null) cb({type: 0x01, code: code, value: 0, hardware: false});
87 | }
88 | }
89 | }
90 | });
91 | }
92 |
93 | return {
94 | listen: function (cb, settingsCb) {
95 | bindClickAndTouchEvents(cb, settingsCb);
96 | }
97 | }
98 | });
--------------------------------------------------------------------------------
/app/virtual_touchpad.coffee:
--------------------------------------------------------------------------------
1 | ###
2 | Virtual gamepad class
3 | ###
4 |
5 | fs = require 'fs'
6 | ioctl = require 'ioctl'
7 | uinput = require '../lib/uinput'
8 | uinputStructs = require '../lib/uinput_structs'
9 | log = require '../lib/log'
10 |
11 | class virtual_touchpad
12 |
13 | constructor: () ->
14 |
15 | connect: (callback, error, retry=0) ->
16 | fs.open '/dev/uinput', 'w+', (err, fd) =>
17 | if err
18 | log 'error', "Error on opening /dev/uinput:\n" + JSON.stringify(err)
19 | error err
20 | else
21 | @fd = fd
22 |
23 | # Init buttons
24 | ioctl @fd, uinput.UI_SET_EVBIT, uinput.EV_KEY
25 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_LEFT
26 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_RIGHT
27 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_MIDDLE
28 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_A
29 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_B
30 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_X
31 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_Y
32 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_TL
33 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_TR
34 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_START
35 | ioctl @fd, uinput.UI_SET_KEYBIT, uinput.BTN_SELECT
36 | # Init absolute directions
37 | ioctl @fd, uinput.UI_SET_EVBIT, uinput.EV_ABS
38 | ioctl @fd, uinput.UI_SET_ABSBIT, uinput.ABS_X
39 | ioctl @fd, uinput.UI_SET_ABSBIT, uinput.ABS_Y
40 | # Init relative directions
41 | ioctl @fd, uinput.UI_SET_EVBIT, uinput.EV_REL
42 | ioctl @fd, uinput.UI_SET_RELBIT, uinput.REL_X
43 | ioctl @fd, uinput.UI_SET_RELBIT, uinput.REL_Y
44 | ioctl @fd, uinput.UI_SET_RELBIT, uinput.REL_WHEEL
45 |
46 | uidev = new uinputStructs.uinput_user_dev
47 | uidev_buffer = uidev.ref()
48 | uidev_buffer.fill(0)
49 | uidev.name = Array.from("Virtual touchpad")
50 | uidev.id.bustype = uinput.BUS_USB
51 | uidev.id.vendor = 0x3
52 | uidev.id.product = 0x5
53 | uidev.id.version = 1
54 |
55 | uidev.absmax[uinput.ABS_X] = 255
56 | uidev.absmin[uinput.ABS_X] = 0
57 | uidev.absfuzz[uinput.ABS_X] = 0
58 | uidev.absflat[uinput.ABS_X] = 15
59 |
60 | uidev.absmax[uinput.ABS_Y] = 255
61 | uidev.absmin[uinput.ABS_Y] = 0
62 | uidev.absfuzz[uinput.ABS_Y] = 0
63 | uidev.absflat[uinput.ABS_Y] = 15
64 |
65 | fs.write @fd, uidev_buffer, 0, uidev_buffer.length, null, (err) =>
66 | if err
67 | log 'error', "Error on init touchpad write:\n" + JSON.stringify(err)
68 | error err
69 | else
70 | try
71 | ioctl @fd, uinput.UI_DEV_CREATE
72 | callback()
73 | catch err
74 | log 'error', "Error on touchpad create dev:\n" + JSON.stringify(err)
75 | fs.closeSync @fd
76 | @fd = undefined
77 | if retry < 5
78 | log 'info', "Retry to create touchpad"
79 | @connect callback, error, retry+1
80 | else
81 | log 'error', "Gave up on creating device"
82 | error err
83 |
84 | disconnect: (callback) ->
85 | if @fd
86 | ioctl @fd, uinput.UI_DEV_DESTROY
87 | fs.closeSync @fd
88 | @fd = undefined
89 | callback()
90 |
91 | sendEvent: (event) ->
92 | if @fd
93 | ev = new uinputStructs.input_event
94 | ev.type = event.type
95 | ev.code = event.code
96 | ev.value = event.value
97 | ev.time.tv_sec = Math.round(Date.now() / 1000)
98 | ev.time.tv_usec = Math.round(Date.now() % 1000 * 1000)
99 | ev_buffer = ev.ref()
100 |
101 | ev_end = new uinputStructs.input_event
102 | ev_end.type = 0
103 | ev_end.code = 0
104 | ev_end.value = 0
105 | ev_end.time.tv_sec = Math.round(Date.now() / 1000)
106 | ev_end.time.tv_usec = Math.round(Date.now() % 1000 * 1000)
107 | ev_end_buffer = ev_end.ref()
108 |
109 | try
110 | fs.writeSync @fd, ev_buffer, 0, ev_buffer.length, null
111 | catch err
112 | log 'error', "Error on writing ev_buffer"
113 | throw err
114 | try
115 | fs.writeSync @fd, ev_end_buffer, 0, ev_end_buffer.length, null
116 | catch err
117 | log 'error', "Error on writing ev_end_buffer"
118 | throw err
119 |
120 |
121 | module.exports = virtual_touchpad
122 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # node-virtual-gamepads
2 |
3 | This nodejs application turns your smartphone into a gamepad controller on Linux OS simply by reaching a local address.
4 | You can virtually plug in multiple gamepad controllers.
5 |
6 | Demo
7 | ----
8 | Demo video 1 player in game [here](https://www.youtube.com/watch?v=OWgWugNsF7w)
9 |
10 | Demo video 3 players on EmulStation [here](https://www.youtube.com/watch?v=HQROnYLRyOw)
11 |
12 | Prerequisite
13 | ------------
14 | This application is only compatible with Linux OS with the **uinput** kernel module installed.
15 |
16 | Installation
17 | ------------
18 | git clone https://github.com/miroof/node-virtual-gamepads
19 | cd node-virtual-gamepads
20 | npm install
21 |
22 | If you encounter problems while installing or running node-virtual-gamepads have
23 | a look at the [troubleshooting](TROUBLESHOOTING.md) page.
24 |
25 | You can now configure the server to your needs. Just open `config.json`
26 | with the editor of you choice and adjust the values. Explanation of the
27 | individual values can be found in [README_CONFIG.md](README_CONFIG.md).
28 |
29 | To start the server run
30 |
31 | sudo node main.js
32 |
33 | Usage
34 | -----
35 | Once the nodejs application is launched, you just have to plug your gamepad controller
36 | by connecting your device on the same local network and by reaching the address *http://node_server_address*
37 |
38 | Features
39 | --------
40 | ### Plug up to 4 virtual gamepads
41 | The application will plug automatically a new controller when the web application is launched and unplug it at disconnection.
42 | 4 slots are available so 4 virtual gamepads can be created. You can see your current slot on the indicator directly on the vitual gamepad.
43 |
44 | 
45 |
46 | ### Use it as standalone application (chrome mobile)
47 | With the [add to homescreen](https://developer.chrome.com/multidevice/android/installtohomescreen) chrome feature,
48 | you can easily use virtual gamepads application without launching the browser each time you want to play.
49 |
50 | With only 3 clicks, virtual gamepads web application becomes a standalone application.
51 |
52 | 
53 | 
54 |
55 | Then a shortcut is added on your homescreen and the application will be launched outside the browser.
56 |
57 | 
58 | 
59 |
60 | ### Enjoy haptic feedbacks
61 | Because it's difficult to spot the right place in a touch screen without looking at it,
62 | the touch zone of each button was increased. LT button was moved at the center of the screen
63 | to let as much space as possible for the joystick and avoid touch mistakes.
64 |
65 | 
66 |
67 | To know if we pressed a button with success, the web application provides an haptic feedback
68 | which can be easily deactivated by turning off the vibrations of the phone.
69 |
70 | ### Use the keyboard to enter text
71 | 
72 |
73 | ### Use the touchpad for mouse inputs
74 | 
75 |
76 | ### An index page lets you choose
77 | 
78 |
79 | Developing
80 | ----------
81 | Please read the [contribution guideline](CONTRIBUTING.md) first if you haven't already.
82 |
83 | Clone this repository and install its dependencies with
84 |
85 | npm install
86 |
87 | When you change something in a coffeescript (e.g. main.coffee) run
88 |
89 | npx coffee -c main.coffee
90 |
91 | This will compile main.coffee to main.js which than can be run with node
92 | (see [Installation](README.md#installation))
93 | To compile all coffee files when ever they change run
94 |
95 | npx coffee -cw .
96 |
97 | If you want do add a new keyboard layout please refer to [this file](CREATE_KEYBOARD_LAYOUT.md).
98 |
--------------------------------------------------------------------------------
/public/js/lib/domReady.js:
--------------------------------------------------------------------------------
1 | /**
2 | * @license RequireJS domReady 2.0.1 Copyright (c) 2010-2012, The Dojo Foundation All Rights Reserved.
3 | * Available via the MIT or new BSD license.
4 | * see: http://github.com/requirejs/domReady for details
5 | */
6 | /*jslint */
7 | /*global require: false, define: false, requirejs: false,
8 | window: false, clearInterval: false, document: false,
9 | self: false, setInterval: false */
10 |
11 |
12 | define(function () {
13 | 'use strict';
14 |
15 | var isTop, testDiv, scrollIntervalId,
16 | isBrowser = typeof window !== "undefined" && window.document,
17 | isPageLoaded = !isBrowser,
18 | doc = isBrowser ? document : null,
19 | readyCalls = [];
20 |
21 | function runCallbacks(callbacks) {
22 | var i;
23 | for (i = 0; i < callbacks.length; i += 1) {
24 | callbacks[i](doc);
25 | }
26 | }
27 |
28 | function callReady() {
29 | var callbacks = readyCalls;
30 |
31 | if (isPageLoaded) {
32 | //Call the DOM ready callbacks
33 | if (callbacks.length) {
34 | readyCalls = [];
35 | runCallbacks(callbacks);
36 | }
37 | }
38 | }
39 |
40 | /**
41 | * Sets the page as loaded.
42 | */
43 | function pageLoaded() {
44 | if (!isPageLoaded) {
45 | isPageLoaded = true;
46 | if (scrollIntervalId) {
47 | clearInterval(scrollIntervalId);
48 | }
49 |
50 | callReady();
51 | }
52 | }
53 |
54 | if (isBrowser) {
55 | if (document.addEventListener) {
56 | //Standards. Hooray! Assumption here that if standards based,
57 | //it knows about DOMContentLoaded.
58 | document.addEventListener("DOMContentLoaded", pageLoaded, false);
59 | window.addEventListener("load", pageLoaded, false);
60 | } else if (window.attachEvent) {
61 | window.attachEvent("onload", pageLoaded);
62 |
63 | testDiv = document.createElement('div');
64 | try {
65 | isTop = window.frameElement === null;
66 | } catch (e) {}
67 |
68 | //DOMContentLoaded approximation that uses a doScroll, as found by
69 | //Diego Perini: http://javascript.nwbox.com/IEContentLoaded/,
70 | //but modified by other contributors, including jdalton
71 | if (testDiv.doScroll && isTop && window.external) {
72 | scrollIntervalId = setInterval(function () {
73 | try {
74 | testDiv.doScroll();
75 | pageLoaded();
76 | } catch (e) {}
77 | }, 30);
78 | }
79 | }
80 |
81 | //Check if document already complete, and if so, just trigger page load
82 | //listeners. Latest webkit browsers also use "interactive", and
83 | //will fire the onDOMContentLoaded before "interactive" but not after
84 | //entering "interactive" or "complete". More details:
85 | //http://dev.w3.org/html5/spec/the-end.html#the-end
86 | //http://stackoverflow.com/questions/3665561/document-readystate-of-interactive-vs-ondomcontentloaded
87 | //Hmm, this is more complicated on further use, see "firing too early"
88 | //bug: https://github.com/requirejs/domReady/issues/1
89 | //so removing the || document.readyState === "interactive" test.
90 | //There is still a window.onload binding that should get fired if
91 | //DOMContentLoaded is missed.
92 | if (document.readyState === "complete") {
93 | pageLoaded();
94 | }
95 | }
96 |
97 | /** START OF PUBLIC API **/
98 |
99 | /**
100 | * Registers a callback for DOM ready. If DOM is already ready, the
101 | * callback is called immediately.
102 | * @param {Function} callback
103 | */
104 | function domReady(callback) {
105 | if (isPageLoaded) {
106 | callback(doc);
107 | } else {
108 | readyCalls.push(callback);
109 | }
110 | return domReady;
111 | }
112 |
113 | domReady.version = '2.0.1';
114 |
115 | /**
116 | * Loader Plugin API method
117 | */
118 | domReady.load = function (name, req, onLoad, config) {
119 | if (config.isBuild) {
120 | onLoad(null);
121 | } else {
122 | domReady(onLoad);
123 | }
124 | };
125 |
126 | /** END OF PUBLIC API **/
127 |
128 | return domReady;
129 | });
130 |
--------------------------------------------------------------------------------
/public/keyboard.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Press UP on the D-Pad', mapName: 'dpadUP'},
89 | {type: 'button', text: '
Press RIGHT on the D-Pad', mapName: 'dpadRIGHT'},
90 | {type: 'button', text: '
Press DOWN on the D-Pad', mapName: 'dpadDOWN'},
91 | {type: 'button', text: '
Press LEFT on the D-Pad', mapName: 'dpadLEFT'},
92 | {type: 'button', text: '
Press the X Button (top button)', mapName: 'btnX'},
93 | {type: 'button', text: '
Press the A Button (right button)', mapName: 'btnA'},
94 | {type: 'button', text: '
Press the B Button (bottom button)', mapName: 'btnB'},
95 | {type: 'button', text: '
Press the Y Button (left button)', mapName: 'btnY'},
96 | {type: 'button', text: '
Press the SELECT Button', mapName: 'btnSELECT'},
97 | {type: 'button', text: '
Press the START Button', mapName: 'btnSTART'},
98 | {type: 'button', text: '
Press the L Button (left shoulder button)', mapName: 'btnLT'},
99 | {type: 'button', text: '
Press the R Button (right shoulder button)', mapName: 'btnRT'},
100 | {type: 'axis', text: '
Move the analog stick right', mapName: 'x'},
101 | {type: 'axis', text: '
Move the analog stick down', mapName: 'y'}
102 | ];
103 |
104 | var state = 0;
105 |
106 | rebindModal = {
107 | open: function() {
108 | state = 0;
109 | $skipBtn.hide();
110 | $calibContent.hide();
111 | $initContent.show();
112 | $rebindModal.removeClass('closed');
113 | isOpen = true;
114 | },
115 | close: function () {
116 | $rebindModal.addClass('closed');
117 | isOpen = false;
118 | },
119 | isOpen: function () {
120 | return isOpen;
121 | },
122 | gamepadNewButtonPress: function(buttonId) {
123 | if (state < 2) return;
124 | if (states[state].type !== 'button') return;
125 | newButtonMap[buttonId] = states[state].mapName;
126 | advanceState();
127 | },
128 | gamepadNewAxisActivity: function (axisId, sign) {
129 | if (state < 2) return;
130 | if (states[state].type === 'axis') {
131 | if (sign > 0) {
132 | newButtonMap['axis' + axisId] = states[state].mapName;
133 | } else {
134 | newButtonMap['axis' + axisId] = '-' + states[state].mapName;
135 | }
136 | } else {
137 | if (!newButtonMap['axis' + axisId]) {
138 | newButtonMap['axis' + axisId] = [null, null];
139 | }
140 | if (sign < 0) {
141 | newButtonMap['axis' + axisId][0] = states[state].mapName;
142 | } else {
143 | newButtonMap['axis' + axisId][1] = states[state].mapName;
144 | }
145 | }
146 | advanceState();
147 | }
148 | };
149 |
150 | function advanceState() {
151 | if (state === states.length - 1) {
152 | buttonMap = newButtonMap;
153 | if (localStorageAvailable) {
154 | window.localStorage.setItem('gamepadButtonMap', JSON.stringify(buttonMap));
155 | }
156 | rebindModal.close();
157 | return;
158 | }
159 | state++;
160 | switch (state) {
161 | case 1:
162 | // start new button binding
163 | newButtonMap = {};
164 | $initContent.hide();
165 | $calibContent.show();
166 | break;
167 | case 2:
168 | $calibContent.hide();
169 | $skipBtn.show();
170 | // no break!
171 | default:
172 | $content.html(states[state].text);
173 | }
174 | }
175 |
176 | $rebindModal.find('.noBtn').click(function(e) {
177 | e.preventDefault();
178 | rebindModal.close();
179 | });
180 |
181 | $rebindModal.find('.yesBtn').click(function(e) {
182 | e.preventDefault();
183 | advanceState();
184 | });
185 |
186 | $rebindModal.find('.close').click(function(e) {
187 | e.preventDefault();
188 | rebindModal.close();
189 | });
190 |
191 | $calibContent.find('button').click(function(e) {
192 | e.preventDefault();
193 | freezeAxesRest();
194 | advanceState();
195 | });
196 |
197 | $skipBtn.click(function (e) {
198 | e.preventDefault();
199 | advanceState();
200 | })
201 | });
202 |
203 | /*************************
204 | INITIALIZE GAMEPADS
205 | ************************/
206 |
207 | var controllers = {};
208 |
209 | var buttonMap = (
210 | (localStorageAvailable
211 | && JSON.parse(window.localStorage.getItem('gamepadButtonMap') || "null"))
212 | || {
213 | 0: "btnX",
214 | 1: "btnA",
215 | 2: "btnB",
216 | 3: "btnY",
217 | 4: "btnLT",
218 | 5: "btnRT",
219 | 8: "btnSELECT",
220 | 9: "btnSTART",
221 | 12: "dpadUP",
222 | 13: "dpadRIGHT",
223 | 14: "dpadDOWN",
224 | 15: "dpadLEFT",
225 | "axis0": "y",
226 | "axis1": "-x"
227 | }
228 | );
229 |
230 | var axesNormalizeStats = (localStorageAvailable && JSON.parse(window.localStorage.getItem('gamepadAxesNormalizeStats') || "null") || {});
231 | function normalizeAxis(axisId, value) {
232 | var changed = false;
233 | if (!axesNormalizeStats[axisId]) {
234 | axesNormalizeStats[axisId] = {min: value, max: value, rest: value};
235 | changed = true;
236 | }
237 | if (value < 0 && value < axesNormalizeStats[axisId].min ) {
238 | axesNormalizeStats[axisId].min = value;
239 | changed = true;
240 | } else if (value > 0 && value > axesNormalizeStats[axisId].max ) {
241 | axesNormalizeStats[axisId].max = value;
242 | changed = true;
243 | }
244 | if (changed && localStorageAvailable) {
245 | window.localStorage.setItem('gamepadAxesNormalizeStats', JSON.stringify(axesNormalizeStats));
246 | }
247 | var stat = axesNormalizeStats[axisId];
248 | if (stat.max !== stat.min) {
249 | var deadZoneMax = stat.rest + (stat.max - stat.rest) * 0.075;
250 | var deadZoneMin = stat.rest - (stat.rest - stat.min) * 0.075;
251 | if (deadZoneMax >= value && value >= deadZoneMin) {
252 | return 0
253 | } else if (value > deadZoneMax) {
254 | if (stat.max === stat.rest) return 1;
255 | return (value - deadZoneMax) / (stat.max - deadZoneMax)
256 | } else {
257 | if (stat.min === stat.rest) return -1;
258 | return (value - deadZoneMin) / (deadZoneMin - stat.min)
259 | }
260 | } else {
261 | return stat.max
262 | }
263 | }
264 | function freezeAxesRest() {
265 | var controller = controllers[Object.keys(controllers)[0]];
266 | if (!controller) return;
267 | for (var axisIdx in axesNormalizeStats) {
268 | var axis = controller.axes[axisIdx];
269 | if (axis == null) continue;
270 | axesNormalizeStats[axisIdx].rest = axis;
271 | }
272 | if (localStorageAvailable) {
273 | window.localStorage.setItem('gamepadAxesNormalizeStats', JSON.stringify(axesNormalizeStats));
274 | }
275 | }
276 |
277 | var wasPressedRaw = {buttons: {}, axes: {}};
278 | var wasPressedMapped = {};
279 |
280 | function handleGamepadButton(controller, mapName, pressed) {
281 | if (mapName == null) return;
282 | if (pressed) {
283 | //check for dpad buttons
284 | switch (mapName) {
285 | case "dpadUP":
286 | controller.dpadState += "u";
287 | break;
288 | case "dpadRIGHT":
289 | controller.dpadState += "r";
290 | break;
291 | case "dpadDOWN":
292 | controller.dpadState += "d";
293 | break;
294 | case "dpadLEFT":
295 | controller.dpadState += "l";
296 | break;
297 | default:
298 | $("#" + mapName).trigger('touchstart');
299 | break;
300 | }
301 | wasPressedMapped[mapName] = true;
302 | } else {
303 | if (wasPressedMapped[mapName]) {
304 | if (!mapName.startsWith("dpad")) {
305 | $("#" + mapName).trigger('touchend');
306 | }
307 | wasPressedMapped[mapName] = false;
308 | }
309 | }
310 | }
311 |
312 | function updateStatus() {
313 | var j, i, val, mapped;
314 | scangamepads();
315 | // loop through all controllers
316 | for (j in controllers) {
317 | var controller = controllers[j];
318 | controller.dpadState = "";
319 | // loop through each button
320 | for (i = 0; i < controller.buttons.length; i++) {
321 | mapped = buttonMap[i];
322 | val = controller.buttons[i];
323 | var pressed = val === 1;
324 | if (typeof (val) == "object") {
325 | pressed = val.pressed || val.pressed || val.touched;
326 | val = val.value;
327 | }
328 | if (rebindModal.isOpen()) {
329 | if(pressed) {
330 | if (!wasPressedRaw.buttons[i]) {
331 | rebindModal.gamepadNewButtonPress(i);
332 | }
333 | wasPressedRaw.buttons[i] = true;
334 | }
335 | else {
336 | wasPressedRaw.buttons[i] = false;
337 | }
338 | } else {
339 | handleGamepadButton(controller, mapped, pressed);
340 | }
341 | }
342 |
343 | for (i = 0; i < controller.axes.length; i++) {
344 | val = normalizeAxis(i, controller.axes[i]);
345 | if (rebindModal.isOpen()) {
346 | if (Math.abs(val) > .5) {
347 | if (!wasPressedRaw.axes[i]) {
348 | rebindModal.gamepadNewAxisActivity(i, Math.sign(val))
349 | }
350 | wasPressedRaw.axes[i] = true;
351 | } else {
352 | wasPressedRaw.axes[i] = false;
353 | }
354 | } else {
355 | mapped = buttonMap["axis" + i];
356 | if (mapped == null) continue;
357 | if (typeof mapped === "string") {
358 | if (mapped.startsWith('-')) val *= -1;
359 | controller[mapped.slice(mapped.length-1) + 'Axis'] = val;
360 | } else {
361 | handleGamepadButton(controller, mapped[0], val < -.5);
362 | handleGamepadButton(controller, mapped[1], val > .5);
363 | }
364 | }
365 | }
366 | }
367 | window.requestAnimationFrame(updateStatus);
368 | }
369 |
370 |
371 | function scangamepads() {
372 | var gamepads = navigator.getGamepads ? navigator.getGamepads() : (navigator.webkitGetGamepads ? navigator.webkitGetGamepads() : []);
373 | for (var i = 0; i < gamepads.length; i++) {
374 | if (gamepads[i]) {
375 | if (!(gamepads[i].index in controllers)) {
376 | addgamepad(gamepads[i]);
377 | } else {
378 | controllers[gamepads[i].index] = gamepads[i];
379 | }
380 | }
381 | }
382 | }
383 |
384 | $(function() {
385 | window.addEventListener("gamepadconnected", connecthandler);
386 | window.addEventListener("gamepaddisconnected", disconnecthandler);
387 | });
388 |
389 | var rebindModalOpened = false;
390 |
391 | function connecthandler(e) {
392 | addgamepad(e.gamepad);
393 | }
394 |
395 | function addgamepad(gamepad) {
396 | if (!rebindModalOpened) {
397 | rebindModal.open();
398 | rebindModalOpened = true;
399 | }
400 | controllers[gamepad.index] = gamepad;
401 | window.requestAnimationFrame(updateStatus);
402 | }
403 |
404 | function disconnecthandler(e) {
405 | removegamepad(e.gamepad);
406 | }
407 |
408 | function removegamepad(gamepad) {
409 | delete controllers[gamepad.index];
410 | }
411 |
412 | /*************************
413 | INITIALIZE SLOT INDICATOR
414 | ************************/
415 | var b0001 = parseInt('0001', 2);
416 | var b0010 = parseInt('0010', 2);
417 | var b0100 = parseInt('0100', 2);
418 | var b1000 = parseInt('1000', 2);
419 | var indicatorOn;
420 | var slotNumber;
421 | var ledBitField;
422 | var initSlotIndicator = function () {
423 | indicatorOn = false;
424 | var slotAnimationLoop = function () {
425 | if (ledBitField != null) {
426 | $(".indicator").removeClass("indicatorSelected");
427 | if (ledBitField & b0001) { $("#indicator_1").addClass("indicatorSelected"); }
428 | if (ledBitField & b0010) { $("#indicator_2").addClass("indicatorSelected"); }
429 | if (ledBitField & b0100) { $("#indicator_3").addClass("indicatorSelected"); }
430 | if (ledBitField & b1000) { $("#indicator_4").addClass("indicatorSelected"); }
431 | } else {
432 | if(indicatorOn) {
433 | $(".indicator").removeClass("indicatorSelected");
434 | } else {
435 | $(".indicator").addClass("indicatorSelected");
436 | }
437 | indicatorOn = !indicatorOn;
438 | setTimeout(slotAnimationLoop, 500);
439 | }
440 | };
441 | slotAnimationLoop();
442 | };
443 |
444 | /**********************
445 | HAPTIC CALLBACK METHOD
446 | *********************/
447 | navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;
448 | var hapticCallback = function () {
449 | if (navigator.vibrate) {
450 | navigator.vibrate(50);
451 | }
452 | };
453 |
454 | // disable context menu e.g. on long touches on android
455 | function disableContextMenu() {
456 | $(window).on("contextmenu", function(event) {
457 | event.preventDefault();
458 | event.stopPropagation();
459 | return false;
460 | });
461 | }
462 |
463 | /****************
464 | MAIN ENTRY POINT
465 | ***************/
466 | $( window ).load(function() {
467 | initJoystick();
468 | initSlotIndicator();
469 | disableContextMenu();
470 |
471 | var socket = io();
472 |
473 | socket.on("gamepadConnected", function(data) {
474 | slotNumber = data.padId;
475 | ledBitField = data.ledBitField;
476 |
477 | $(".btn")
478 | .off("touchstart touchend")
479 | .on("touchstart", function() {
480 | var btnId = $(this).data("btn");
481 | $("#"+btnId).attr("class", "btnSelected");
482 | socket.emit("padEvent", {type: 0x01, code: $(this).data("code"), value: 1});
483 | hapticCallback();
484 | })
485 | .on("touchend", function() {
486 | var btnId = $(this).data("btn");
487 | $("#"+btnId).attr("class", "");
488 | socket.emit("padEvent", {type: 0x01, code: $(this).data("code"), value: 0});
489 | //hapticCallback();
490 | });
491 |
492 | setDirection = function(direction) {
493 | if (direction.direction != null) {
494 | direction = direction.direction;
495 | if (direction.includes('l')) {
496 | socket.emit("padEvent", {type: 0x03, code: 0x00, value: 0});
497 | } else if (direction.includes('r')) {
498 | socket.emit("padEvent", {type: 0x03, code: 0x00, value: 255});
499 | } else {
500 | socket.emit("padEvent", {type: 0x03, code: 0x00, value: 127});
501 | }
502 | if (direction.includes('u')) {
503 | socket.emit("padEvent", {type: 0x03, code: 0x01, value: 0});
504 | } else if (direction.includes('d')) {
505 | socket.emit("padEvent", {type: 0x03, code: 0x01, value: 255});
506 | } else {
507 | socket.emit("padEvent", {type: 0x03, code: 0x01, value: 127});
508 | }
509 | } else {
510 | socket.emit("padEvent", {type: 0x03, code: 0x00, value: direction.x});
511 | socket.emit("padEvent", {type: 0x03, code: 0x01, value: direction.y});
512 | }
513 | };
514 |
515 | setDirection({direction: "none"});
516 |
517 | });
518 |
519 | socket.on("connect", function() {
520 | socket.emit("connectGamepad", null);
521 | });
522 |
523 | socket.on("disconnect", function() {
524 | location.reload();
525 | });
526 | } );
527 |
--------------------------------------------------------------------------------