Added basic gamepad support.

Added basic gamepad support for EV3 with the following controlls:
RT = forward
LT = backwards
LS = left / right
A= ping

Need to add additional runner module for handling these events inside the runner sandbox like requested in #78.

Author: MarkusBordihn

src/mode/ev3/monitor.js

@@ -25,6 +25,7 @@ goog.require('cwc.protocol.lego.ev3.RobotType');
 goog.require('cwc.protocol.lego.ev3.Robots');
 goog.require('cwc.soy.mode.ev3.Monitor');
 goog.require('cwc.utils.Events');
+goog.require('cwc.utils.Gamepad.Events');
 goog.require('cwc.utils.Helper');
 
 goog.require('goog.events');
@@ -150,6 +151,7 @@ cwc.mode.ev3.Monitor.prototype.decorate = function() {
   }
 
   this.addEventHandler_();
+  this.addGamepadHandler_();
   this.addKeyHandler_();
   runnerInstance.enableMonitor(true);
   layoutInstance.refresh();
@@ -233,6 +235,34 @@ cwc.mode.ev3.Monitor.prototype.addEventHandler_ = function() {
 };
 
 
+/**
+ * @private
+ */
+cwc.mode.ev3.Monitor.prototype.addGamepadHandler_ = function() {
+  let eventHandler = this.helper.getInstance('gamepad').getEventHandler();
+  this.events_.listen(eventHandler, cwc.utils.Gamepad.Events.Type.BUTTON[7],
+    (e) => {
+      this.api.movePower(e.data * 100);
+  });
+  this.events_.listen(eventHandler, cwc.utils.Gamepad.Events.Type.BUTTON[6],
+    (e) => {
+      this.api.movePower(-e.data * 100);
+  });
+  this.events_.listen(eventHandler, cwc.utils.Gamepad.Events.Type.AXIS[0],
+    (e) => {
+      if (e.data > 0.1 || e.data < -0.1) {
+        this.api.rotatePower(e.data * 100);
+      } else {
+        this.api.rotatePower(0);
+      }
+  });
+  this.events_.listen(eventHandler, cwc.utils.Gamepad.Events.Type.BUTTON[0],
+    () => {
+      this.api.playTone(3000, 200, 50);
+  });
+};
+
+
 /**
  * @private
  */

src/ui/builder.js

@@ -63,6 +63,7 @@ goog.require('cwc.ui.SettingScreen');
 goog.require('cwc.ui.connectScreen.Screens');
 goog.require('cwc.utils.Dialog');
 goog.require('cwc.utils.Events');
+goog.require('cwc.utils.Gamepad');
 goog.require('cwc.utils.Helper');
 goog.require('cwc.utils.I18n');
 goog.require('cwc.utils.Logger');
@@ -286,6 +287,9 @@ cwc.ui.Builder.prototype.loadUI = function() {
   this.setProgress('Prepare helpers ...', 40);
   this.prepareHelper();
 
+  this.setProgress('Gamepad support ...', 44);
+  this.prepareGamepad();
+
   this.setProgress('Prepare addons ...', 45);
   this.prepareAddons();
 
@@ -434,7 +438,7 @@ cwc.ui.Builder.prototype.prepareSerial = function() {
  */
 cwc.ui.Builder.prototype.prepareServer = function() {
   let serverInstance = new cwc.server.Server(this.helper);
-  if (this.helper.checkChromeFeature('sockets.tcpServer') && serverInstance) {
+  if (this.helper.checkChromeFeature('sockets.tcpServer')) {
     serverInstance.prepare();
   }
   this.helper.setInstance('server', serverInstance);
@@ -447,10 +451,7 @@ cwc.ui.Builder.prototype.prepareServer = function() {
  */
 cwc.ui.Builder.prototype.prepareDebug_ = function() {
   let debugInstance = new cwc.ui.Debug(this.helper);
-  if (debugInstance) {
-    debugInstance.prepare();
-  }
-  this.helper.setInstance('debug', debugInstance);
+  this.helper.setInstance('debug', debugInstance).prepare();
 };
 
 
@@ -460,10 +461,7 @@ cwc.ui.Builder.prototype.prepareDebug_ = function() {
  */
 cwc.ui.Builder.prototype.prepareExperimental_ = function() {
   let experimentalInstance = new cwc.ui.Experimental(this.helper);
-  if (experimentalInstance) {
-    experimentalInstance.prepare();
-  }
-  this.helper.setInstance('experimental', experimentalInstance);
+  this.helper.setInstance('experimental', experimentalInstance).prepare();
 };
 
 
@@ -472,15 +470,12 @@ cwc.ui.Builder.prototype.prepareExperimental_ = function() {
  */
 cwc.ui.Builder.prototype.prepareDialog = function() {
   let dialogInstance = new cwc.utils.Dialog();
-  if (dialogInstance) {
-    dialogInstance.setDefaultCloseHandler(
-      function() {
-        this.helper.getInstance('navigation').hide();
-      }.bind(this)
-    );
-    dialogInstance.prepare();
-  }
-  this.helper.setInstance('dialog', dialogInstance);
+  dialogInstance.setDefaultCloseHandler(
+    function() {
+      this.helper.getInstance('navigation').hide();
+    }.bind(this)
+  );
+  this.helper.setInstance('dialog', dialogInstance).prepare();
 };
 
 
@@ -514,6 +509,12 @@ cwc.ui.Builder.prototype.prepareHelper = function() {
 };
 
 
+cwc.ui.Builder.prototype.prepareGamepad = function() {
+  let gamepadInstance = new cwc.utils.Gamepad();
+  this.helper.setInstance('gamepad', gamepadInstance).prepare();
+};
+
+
 /**
  * Load additional oauth2 helpers.
  */

src/ui/connect_screen/bluetooth/connect_screen.js

@@ -108,8 +108,9 @@ cwc.ui.connectScreen.Bluetooth.prototype.requestDevice = function(device) {
     });
     this.events_.listen('search-button', goog.events.EventType.CLICK, () => {
       bluetoothInstance.requestDevice(device).then((bluetoothDevice) => {
-        this.showConnectingStep(
-          'Pairing Device', 'Pairing device' + device.name, 1);
+        this.helper.getInstance('connectScreen')
+          .showConnectingStep(
+            'Pairing Device', 'Pairing device' + device.name, 1);
         resolve(bluetoothDevice);
       }).catch(() => {
         this.close_();

src/ui/menubar/menubar.gss

@@ -23,6 +23,7 @@
 #{$prefix}menubar-account-body,
 #{$prefix}menubar-bluetooth-body,
 #{$prefix}menubar-close,
+#{$prefix}menubar-gamepad-body,
 #{$prefix}menubar-help,
 #{$prefix}menubar-maximize-body,
 #{$prefix}menubar-minimize,
@@ -38,10 +39,8 @@
   padding-left: 5px;
 }
 
-#{$prefix}menubar-account-logout-disabled {
-  opacity: 0.7;
-}
-
-#{$prefix}menubar-bluetooth-disabled {
-  opacity: 0.7;
+#{$prefix}menubar-account-logout-disabled,
+#{$prefix}menubar-bluetooth-disabled,
+#{$prefix}menubar-gamepad {
+  opacity: 0.5;
 }