ironhide.html

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Ironhide</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.5/socket.io.js"></script>
</head>
<body>
  <script>
    (function() {
      var socket = io('http://localhost:8000');
      var token = 'ironhide';
      var currentId;

      socket.emit('join-game', { token: token });

      socket.on('registration', function(data) {
        currentId = data.playerId;
      });

      socket.on('state-update', function(data) {
        var me = data.autobots.filter(function(bot) {
          return bot.playerId === currentId;
        })[0];

        var he = data.autobots.filter(function(bot) {
          return bot.playerId !== currentId;
        })[0];

        var action = {};

        if (me.busyCount) {
          console.log('waiting');

          return;
        }

        action.action = 'move';
        action.options = {};
        action.options.rotation = me.position.y > he.position.y ? 'down' : 'up';
        action.options.direction = me.position.x > he.position.x ? 'left' : 'right';

        if (me.position.x === he.position.x && me.direction === action.options.rotation) {
          socket.emit('send-commands', { action: 'fire'});
          console.log('fire');

          return;
        }

        socket.emit('send-commands', action);
      });
    })();
    
  </script>
</body>
</html>