kjao/archive
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Spectator Scrolling

Browse Source
This commit is contained in:
yamanq 2015-07-10 02:42:56 -04:00
parent 1025b034e8
commit 54ca45acf5
1 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
clashingcomrades/static/main.js
View File

@ -8,6 +8,7 @@ var username;
var playerColor; var playerColor;
var claimColor; var claimColor;
var turn = 0; var turn = 0;
var spectatedUser;
// Colors // Colors
var playerColors = { var playerColors = {
"red": "#E62E2E", "red": "#E62E2E",
@ -27,7 +28,8 @@ document.getElementsByClassName('play')[0].onclick = function startGame() {
_uuid4 = function(cc) { _uuid4 = function(cc) {
var rr = Math.random() * 16 | 0; return (cc === 'x' ? rr : (rr & 0x3 | 0x8)).toString(16); var rr = Math.random() * 16 | 0; return (cc === 'x' ? rr : (rr & 0x3 | 0x8)).toString(16);
}; };
username = uuid4() username = uuid4();
spectatedUser = username;
//********************* //*********************
// TODO Get from server // TODO Get from server
//********************* //*********************
@ -55,8 +57,6 @@ function serverTransfer(coordinate,team,turn,username) {
turn: turn, turn: turn,
username: username username: username
}; };
// For debugging
console.log(move);
// Sending Data // Sending Data
$.ajax('http://127.0.0.1:5000/game', { $.ajax('http://127.0.0.1:5000/game', {
method: 'POST', method: 'POST',
@ -69,14 +69,25 @@ function serverTransfer(coordinate,team,turn,username) {
.then( .then(
function success(data) { function success(data) {
for (var user in data) { for (var user in data) {
if (data.hasOwnProperty(user) && (user != username) && (data[user][team] != "spectator") && (data[user].length > turn)) { if (data.hasOwnProperty(user)
&& (user != username)
&& (data[user].length > turn)
&& (data[user][turn][2] != "spectator")
) {
if ((data[user].length > data[spectatedUser].length)
&& data[spectatedUser][turn][2] === "spectator") {
console.log(data[user]); console.log(data[user]);
console.log(data[spectatedUser]);
spectatedUser = user;
}
var theMove = data[user][turn]; var theMove = data[user][turn];
updateTable(theMove[1], theMove[2]); updateTable(theMove[1], theMove[2]);
if (theMove[2] != "spectator") {
var oldMove = data[user][turn - 1]; var oldMove = data[user][turn - 1];
updateOldTable(oldMove[1], oldMove[2]); updateOldTable(oldMove[1], oldMove[2]);
} }
} }
}
}, },
function fail(data, status) { function fail(data, status) {
@ -185,9 +196,9 @@ function movement(x,y) {
playerCoordinate = [playerCoordinate[0] + y, playerCoordinate[1] + x]; playerCoordinate = [playerCoordinate[0] + y, playerCoordinate[1] + x];
updateScore(); updateScore();
serverTransfer(playerCoordinate,playerTeam,turn,username); serverTransfer(playerCoordinate,playerTeam,turn,username);
autoScroll();
} }
turn = turn + 1; turn = turn + 1;
autoScroll();
movement(x,y); movement(x,y);
} }
catch(err) { catch(err) {
@ -244,5 +255,10 @@ function autoScroll() {
window.innerHeight / -2, window.innerHeight / -2,
window.innerWidth / -2 window.innerWidth / -2
]; ];
console.log(spectatedUser);
if (playerTeam == "spectator") {
$('body').scrollTo(document.getElementById(spectatedUser), 100, {offset: {top: center[0] , left: center[1]} });
} else {
$('body').scrollTo(document.getElementById(username), 100, {offset: {top: center[0] , left: center[1]} }); $('body').scrollTo(document.getElementById(username), 100, {offset: {top: center[0] , left: center[1]} });
} }
}