optimus.html

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Optimus Prime</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 = 'optimus-prime';

      var directions = ['up', 'down', 'right', 'left'];
      var actions = ['move', 'fire'];

      var currentId;

      socket.emit('join-game', { token: token });

      socket.on('registration', function(data) {
        currentId = data.id;
      });

      socket.on('state-update', function(data) {
        var me = data.autobots.filter(function(autobot) {
          return autobot.id === currentId;
        })[0];

        console.log(me);

        socket.emit('send-commands', getRandomAction());
      });

      function getRandomAction() {
        var data = {};

        data.action = actions[Math.floor(Math.random() * actions.length)];
        data.options = {};

        if (data.action === 'move') {
          data.options.direction = directions[Math.floor(Math.random() * directions.length)];
          data.options.rotation = directions[Math.floor(Math.random() * directions.length)];
        }

        return data;
      }
    })();
  </script>
</body>
</html>