papercats/game-client.js

/* global $ */

var client = require("./client");
var core = require("./game-core");
var io = require("socket.io-client");
var GRID_SIZE = core.GRID_SIZE;
var CELL_WIDTH = core.CELL_WIDTH;
client.allowAnimation = true;
client.renderer = require("./client-modes/user-mode");

var mimiRequestAnimationFrame = window && window.document
	?  window.requestAnimationFrame
	|| window.webkitRequestAnimationFrame
	|| window.mozRequestAnimationFrame
	|| window.oRequestAnimationFrame
	|| window.msRequestAnimationFrame
	|| function(callback) { window.setTimeout(callback, 1000 / 30) }
	:  function(callback) { window.setTimeout(callback, 1000 / 30) };

function run() {
	client.connectGame("//" + window.location.hostname + ":8081", $("#name").val(), function(success, msg) {
		if (success) {
			$("#begin").fadeOut(1000);
			$("#main-ui").fadeIn(1000);
		}
		else {
			var error = $("#error");
			error.text(msg);
		}
	});
}
$(function() {
	var error = $("#error");
	if (!window.WebSocket) {
		error.text("Your browser does not support WebSockets!");
		return;
	}
	error.text("Loading... Please wait"); //TODO: show loading screen.
	var socket = io("//" + window.location.hostname + ":8081", {
		forceNew: true,
		upgrade: false,
		transports: ["websocket"]
	});
	socket.on("connect", function() {
		socket.emit("pings");
	});
	socket.on("pongs", function() {
		socket.disconnect();
		error.text("All done, have fun!");
		$("#name").keypress(function(evt) {
			if (evt.which === 13) mimiRequestAnimationFrame(run);
		});
		$("#start").removeAttr("disabled").click(function(evt) {
			mimiRequestAnimationFrame(run);
		});
	});
	socket.on("connect_error", function() {
		error.text("Cannot connect with server. This probably is due to misconfigured proxy server. (Try using a different browser)");
	});
});
//Event listeners
$(document).keydown(function(e) {
	var newHeading = -1;
	switch (e.which) {
		case 37: newHeading = 3; break; //LEFT
		case 65: newHeading = 3; break; //LEFT (A)
		case 38: newHeading = 0; break; //UP
		case 87: newHeading = 0; break; //UP (W)
		case 39: newHeading = 1; break; //RIGHT
		case 68: newHeading = 1; break; //RIGHT (D)
		case 40: newHeading = 2; break; //DOWN
		case 83: newHeading = 2; break; //DOWN (S)
		default: return; //exit handler for other keys.
	}
	client.changeHeading(newHeading);
	e.preventDefault();
});