RosBridge Joystick Test Page

From wikidb
Jump to: navigation, search
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="http://cdn.robotwebtools.org/EventEmitter2/current/eventemitter2.min.js"></script>
<script type="text/javascript" src="http://cdn.robotwebtools.org/roslibjs/current/roslib.min.js"></script>

<script type="text/javascript" type="text/javascript">
  // Connecting to ROS
  // -----------------

  var ros = new ROSLIB.Ros({
    url : 'ws://localhost:9090'
  });

  ros.on('connection', function() {
    console.log('Connected to websocket server.');
  });

  ros.on('error', function(error) {
    console.log('Error connecting to websocket server: ', error);
  });

  ros.on('close', function() {
    console.log('Connection to websocket server closed.');
  });

  function runAnimation()
  {
    //console.log('runAnimation called');
    window.requestAnimationFrame(runAnimation);

    var gamepads = navigator.getGamepads();

    for (var i = 0; i < gamepads.length; ++i)
    {
        var pad = gamepads[i];
        // console.log('id', pad.id);
        // console.log('index', pad.index);
        console.log('button 1', pad.buttons[0]);
        console.log('axes', pad.axes[0], pad.axes[1], pad.axes[2], pad.axes[3]);
    }
  }

  window.requestAnimationFrame(runAnimation);

 </script>
</head>

<body>
  <h1>Joystick Experiments</h1>
  <p>Check your Web Console for output.</p>
</body>
</html>