players start at same time, visuals for timer and lobby
This commit is contained in:
ksjdragon
parent
a233a5542e
commit
6c39a38429
@ -33,7 +33,8 @@ def update_game():
|
||||
vertical = vertical + 1
|
||||
answer = {
|
||||
"team": team,
|
||||
"coordinate": [vertical, horizontal]
|
||||
"coordinate": [vertical, horizontal],
|
||||
"max": maxPlayers
|
||||
}
|
||||
|
||||
return jsonify(answer)
|
||||
|
||||
@ -42,7 +42,7 @@ td {
|
||||
margin-left:5%;
|
||||
}
|
||||
|
||||
.scoreboard, .spectator {
|
||||
.scoreboard, .spectator, .info {
|
||||
font-family: Lato;
|
||||
color: #ffffff;
|
||||
position: fixed;
|
||||
@ -66,6 +66,13 @@ td {
|
||||
margin-top: 45%;
|
||||
}
|
||||
|
||||
.info {
|
||||
padding: 10px 15px 10px 15px;
|
||||
font-size: 30px;
|
||||
margin-left: 40%;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
#redscore {
|
||||
color: #E62E2E;
|
||||
background-color: #E62E2E;
|
||||
|
||||
@ -9,163 +9,174 @@ var claimColor;
|
||||
var turn = 0;
|
||||
var spectatorChoose = 1;
|
||||
var spectatedUser;
|
||||
var numberOfPlayers;
|
||||
var numberOfPlayers = 1;
|
||||
var canMove = false;
|
||||
var serverurl = "http://68.56.19.11:5000"
|
||||
var serverurl = "http://activate.adobe.com:5000"
|
||||
var maxPlayers;
|
||||
|
||||
// Colors
|
||||
var playerColors = {
|
||||
"red": "#E62E2E",
|
||||
"blue": "#4343D8"
|
||||
"red": "#E62E2E",
|
||||
"blue": "#4343D8"
|
||||
};
|
||||
var claimedColors = {
|
||||
"red": "#FF9999",
|
||||
"blue": "#9999FF"
|
||||
"red": "#FF9999",
|
||||
"blue": "#9999FF"
|
||||
};
|
||||
|
||||
document.getElementsByClassName('play')[0].onclick = function startGame() {
|
||||
uuid4 = function() {
|
||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, _uuid4);
|
||||
};
|
||||
//// OPTIMIZATION - cache callback
|
||||
_uuid4 = function(cc) {
|
||||
var rr = Math.random() * 16 | 0; return (cc === 'x' ? rr : (rr & 0x3 | 0x8)).toString(16);
|
||||
};
|
||||
uuid4 = function() {
|
||||
return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, _uuid4);
|
||||
};
|
||||
//// OPTIMIZATION - cache callback
|
||||
_uuid4 = function(cc) {
|
||||
var rr = Math.random() * 16 | 0;
|
||||
return (cc === 'x' ? rr : (rr & 0x3 | 0x8)).toString(16);
|
||||
};
|
||||
|
||||
username = uuid4();
|
||||
spectatedUser = username;
|
||||
getInitial();
|
||||
|
||||
// TODO IP Handling, most likely not necessary
|
||||
username = uuid4();
|
||||
spectatedUser = username;
|
||||
getInitial();
|
||||
|
||||
// TODO IP Handling, most likely not necessary
|
||||
|
||||
var login = document.getElementById("login");
|
||||
login.parentNode.removeChild(login);
|
||||
// Create scoreboard before table to prevent css glitching
|
||||
createScoreboard();
|
||||
createTable();
|
||||
// Update score before creating player so scoreboard starts at 0
|
||||
updateScore();
|
||||
waitForPlayers(username);
|
||||
var login = document.getElementById("login");
|
||||
login.parentNode.removeChild(login);
|
||||
// Create scoreboard before table to prevent css glitching
|
||||
createScoreboard();
|
||||
createInfo();
|
||||
createTable();
|
||||
// Update score before creating player so scoreboard starts at 0
|
||||
updateScore();
|
||||
waitForPlayers(username);
|
||||
};
|
||||
|
||||
function getInitial() {
|
||||
$.ajax({
|
||||
url: serverurl + '/game',
|
||||
type: 'GET',
|
||||
// data: '',
|
||||
success: function(data) {
|
||||
//called when successful
|
||||
playerCoordinate = data.coordinate;
|
||||
playerTeam = data.team;
|
||||
},
|
||||
error: function(e) {
|
||||
//called when there is an error
|
||||
//1(e.message);
|
||||
}
|
||||
});
|
||||
$.ajax({
|
||||
url: serverurl + '/game',
|
||||
type: 'GET',
|
||||
// data: '',
|
||||
success: function(data) {
|
||||
//called when successful
|
||||
playerCoordinate = data.coordinate;
|
||||
playerTeam = data.team;
|
||||
maxPlayers = data.max;
|
||||
},
|
||||
error: function(e) {
|
||||
//called when there is an error
|
||||
//1(e.message);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function serverTransfer(coordinate,team,turn,username) {
|
||||
var move = {
|
||||
coordinate: coordinate,
|
||||
team: team,
|
||||
turn: turn,
|
||||
username: username
|
||||
};
|
||||
// Sending Data
|
||||
$.ajax(serverurl + '/game', {
|
||||
method: 'POST',
|
||||
type : "POST",
|
||||
data: JSON.stringify(move, null, '\t'),
|
||||
dataType: "json",
|
||||
contentType: 'application/json;charset=UTF-8'
|
||||
})
|
||||
// Server Response
|
||||
var move = {
|
||||
coordinate: coordinate,
|
||||
team: team,
|
||||
turn: turn,
|
||||
username: username
|
||||
};
|
||||
// Sending Data
|
||||
$.ajax(serverurl + '/game', {
|
||||
method: 'POST',
|
||||
type : "POST",
|
||||
data: JSON.stringify(move, null, '\t'),
|
||||
dataType: "json",
|
||||
contentType: 'application/json;charset=UTF-8'
|
||||
})
|
||||
// Server Response
|
||||
.then(
|
||||
function success(data) {
|
||||
for (var user in data) {
|
||||
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") {
|
||||
spectatedUser = user;
|
||||
function success(data) {
|
||||
for (var user in data) {
|
||||
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") {
|
||||
spectatedUser = user;
|
||||
}
|
||||
var theMove = data[user][turn];
|
||||
updateTable(user, theMove[1], theMove[2]);
|
||||
if (theMove[2] != "spectator") {
|
||||
var oldMove = data[user][turn - 1];
|
||||
updateOldTable(oldMove[1], oldMove[2]);
|
||||
}
|
||||
}
|
||||
}
|
||||
var theMove = data[user][turn];
|
||||
updateTable(user, theMove[1], theMove[2]);
|
||||
if (theMove[2] != "spectator") {
|
||||
var oldMove = data[user][turn - 1];
|
||||
updateOldTable(oldMove[1], oldMove[2]);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
function fail(data, status) {
|
||||
alert('Request failed. Returned status of ' + status);
|
||||
}
|
||||
function fail(data, status) {
|
||||
alert('Request failed. Returned status of ' + status);
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function waitForPlayers(username) {
|
||||
timer = setTimeout(function() {
|
||||
// Sending "I'm here."
|
||||
var sending = {
|
||||
username: username
|
||||
};
|
||||
timer = setTimeout(function() {
|
||||
// Sending "I'm here."
|
||||
var sending = {
|
||||
username: username
|
||||
};
|
||||
|
||||
$.ajax(serverurl + '/pregame', {
|
||||
method: 'POST',
|
||||
type : "POST",
|
||||
data: JSON.stringify(sending, null, '\t'),
|
||||
dataType: "json",
|
||||
contentType: 'application/json;charset=UTF-8'
|
||||
})
|
||||
.then(
|
||||
function success(data) {
|
||||
numberOfPlayers = data.playersInGame;
|
||||
if (numberOfPlayers == 2) {
|
||||
countdown();
|
||||
// try catch delete table for visuals later.
|
||||
} else {
|
||||
waitForPlayers(username);
|
||||
}
|
||||
},
|
||||
function error(e) {
|
||||
//called when there is an error
|
||||
//(e.message);
|
||||
}
|
||||
// Repeat this function until 10 players are here.
|
||||
);
|
||||
}, 3000);
|
||||
$.ajax(serverurl + '/pregame', {
|
||||
method: 'POST',
|
||||
type : "POST",
|
||||
data: JSON.stringify(sending, null, '\t'),
|
||||
dataType: "json",
|
||||
contentType: 'application/json;charset=UTF-8'
|
||||
})
|
||||
.then(
|
||||
function success(data) {
|
||||
numberOfPlayers = data.playersInGame;
|
||||
updateInfo();
|
||||
if (numberOfPlayers == maxPlayers) {
|
||||
countdown();
|
||||
} else {
|
||||
waitForPlayers(username);
|
||||
}
|
||||
},
|
||||
function error(e) {
|
||||
//called when there is an error
|
||||
//(e.message);
|
||||
}
|
||||
);
|
||||
}, 3000);
|
||||
}
|
||||
|
||||
function countdown() {
|
||||
timer = setTimeout(function() {
|
||||
$.ajax({
|
||||
url: serverurl + '/pregame',
|
||||
type: 'GET',
|
||||
success: function(data) {
|
||||
timeLeft = data.timeLeft;
|
||||
console.log(data);
|
||||
//MAKE VISUAL STUFF HERE
|
||||
if(timeLeft === 0) {
|
||||
canMove = true;
|
||||
createPlayer();
|
||||
autoScroll('start');
|
||||
document.onkeydown = movePlayer;
|
||||
} else {
|
||||
countdown();
|
||||
}
|
||||
},
|
||||
error: function(e) {
|
||||
//called when there is an error
|
||||
//(e.message);
|
||||
}
|
||||
});
|
||||
}, 750); //Prevent too many requests
|
||||
timer = setTimeout(function() {
|
||||
$.ajax({
|
||||
url: serverurl + '/pregame',
|
||||
type: 'GET',
|
||||
success: function(data) {
|
||||
timeLeft = data.timeLeft;
|
||||
console.log(data);
|
||||
updateTimer(timeLeft);
|
||||
if (timeLeft === 0) {
|
||||
canMove = true;
|
||||
createPlayer();
|
||||
autoScroll('start');
|
||||
document.onkeydown = movePlayer;
|
||||
remove = document.getElementsByClassName("info")[0];
|
||||
remove.parentNode.removeChild(remove);
|
||||
|
||||
if (playerCoordinate[1] == 10) {
|
||||
movement(-1,0);
|
||||
} else {
|
||||
movement(1,0);
|
||||
}
|
||||
} else {
|
||||
countdown();
|
||||
}
|
||||
},
|
||||
error: function(e) {
|
||||
//called when there is an error
|
||||
//(e.message);
|
||||
}
|
||||
});
|
||||
}, 250); //Prevent too many requests
|
||||
}
|
||||
|
||||
// CREATION
|
||||
@ -173,194 +184,210 @@ function countdown() {
|
||||
// Creation of Table
|
||||
|
||||
function createTable() {
|
||||
var body = document.body;
|
||||
var tbl = document.createElement('table');
|
||||
tbl.style.border = "1px solid black";
|
||||
for(var i = 0; i < 20; i++) {
|
||||
var tr = tbl.insertRow();
|
||||
for(var j = 0; j < 20; j++) {
|
||||
var td = tr.insertCell();
|
||||
var body = document.body;
|
||||
var tbl = document.createElement('table');
|
||||
tbl.style.border = "1px solid black";
|
||||
for(var i = 0; i < 20; i++) {
|
||||
var tr = tbl.insertRow();
|
||||
for(var j = 0; j < 20; j++) {
|
||||
var td = tr.insertCell();
|
||||
}
|
||||
}
|
||||
}
|
||||
body.appendChild(tbl);
|
||||
table = document.getElementsByTagName('table')[0];
|
||||
body.appendChild(tbl);
|
||||
table = document.getElementsByTagName('table')[0];
|
||||
}
|
||||
|
||||
// Creation of Scoreboard
|
||||
|
||||
function createScoreboard() {
|
||||
var scoreboard = document.getElementsByTagName('body')[0].appendChild(document.createElement("DIV"));
|
||||
scoreboard.className = 'scoreboard';
|
||||
var redScore = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
redScore.id = "redscore";
|
||||
var redNumber = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
redNumber.id = "rednumber";
|
||||
redScore.appendChild(document.createTextNode("___"));
|
||||
redNumber.appendChild(document.createTextNode(""));
|
||||
scoreboard.appendChild(document.createElement("BR"));
|
||||
var blueScore = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
blueScore.id = "bluescore";
|
||||
var blueNumber = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
blueNumber.id = "bluenumber";
|
||||
blueScore.appendChild(document.createTextNode("___"));
|
||||
blueNumber.appendChild(document.createTextNode(""));
|
||||
var scoreboard = document.getElementsByTagName('body')[0].appendChild(document.createElement("DIV"));
|
||||
scoreboard.className = 'scoreboard';
|
||||
var redScore = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
redScore.id = "redscore";
|
||||
var redNumber = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
redNumber.id = "rednumber";
|
||||
redScore.appendChild(document.createTextNode("___"));
|
||||
redNumber.appendChild(document.createTextNode(""));
|
||||
scoreboard.appendChild(document.createElement("BR"));
|
||||
var blueScore = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
blueScore.id = "bluescore";
|
||||
var blueNumber = scoreboard.appendChild(document.createElement("SPAN"));
|
||||
blueNumber.id = "bluenumber";
|
||||
blueScore.appendChild(document.createTextNode("___"));
|
||||
blueNumber.appendChild(document.createTextNode(""));
|
||||
}
|
||||
|
||||
// Creation of Player
|
||||
|
||||
function createPlayer() {
|
||||
startSquare = table.rows[playerCoordinate[0]].cells[playerCoordinate[1]];
|
||||
startSquare.style.backgroundColor = playerColors[playerTeam];
|
||||
startSquare.className = "player " + playerTeam;
|
||||
startSquare.id = username;
|
||||
startSquare = table.rows[playerCoordinate[0]].cells[playerCoordinate[1]];
|
||||
startSquare.style.backgroundColor = playerColors[playerTeam];
|
||||
startSquare.className = "player " + playerTeam;
|
||||
startSquare.id = username;
|
||||
}
|
||||
|
||||
// Creation of Information box
|
||||
|
||||
function createInfo() {
|
||||
var table = document.getElementsByTagName('body')[0].appendChild(document.createElement("DIV"));
|
||||
table.className = 'info';
|
||||
table.appendChild(document.createTextNode("Players in lobby: " + numberOfPlayers));
|
||||
}
|
||||
|
||||
// UPDATING
|
||||
|
||||
function updateTable(username, coordinate, team) {
|
||||
otherPlayer = table.rows[coordinate[0]].cells[coordinate[1]];
|
||||
otherPlayer.style.backgroundColor = playerColors[team];
|
||||
otherPlayer.className = "player " + team;
|
||||
otherPlayer.id = username;
|
||||
otherPlayer = table.rows[coordinate[0]].cells[coordinate[1]];
|
||||
otherPlayer.style.backgroundColor = playerColors[team];
|
||||
otherPlayer.className = "player " + team;
|
||||
otherPlayer.id = username;
|
||||
}
|
||||
|
||||
function updateOldTable(coordinate, team) {
|
||||
otherPlayer = table.rows[coordinate[0]].cells[coordinate[1]];
|
||||
otherPlayer.style.backgroundColor = claimedColors[team];
|
||||
otherPlayer.className = otherPlayer.className.replace("player ", "");
|
||||
otherPlayer.id = "";
|
||||
otherPlayer = table.rows[coordinate[0]].cells[coordinate[1]];
|
||||
otherPlayer.style.backgroundColor = claimedColors[team];
|
||||
otherPlayer.className = otherPlayer.className.replace("player ", "");
|
||||
otherPlayer.id = "";
|
||||
}
|
||||
|
||||
function updateScore() {
|
||||
var score = [
|
||||
document.getElementsByClassName('red').length,
|
||||
document.getElementsByClassName('blue').length
|
||||
];
|
||||
document.getElementById('rednumber').childNodes[0].nodeValue = " : " + score[0];
|
||||
document.getElementById('bluenumber').childNodes[0].nodeValue = " : " + score[1];
|
||||
var score = [
|
||||
document.getElementsByClassName('red').length,
|
||||
document.getElementsByClassName('blue').length
|
||||
];
|
||||
document.getElementById('rednumber').childNodes[0].nodeValue = " : " + score[0];
|
||||
document.getElementById('bluenumber').childNodes[0].nodeValue = " : " + score[1];
|
||||
}
|
||||
|
||||
function updateInfo() {
|
||||
document.getElementsByClassName("info")[0].childNodes[0].nodeValue = "Players in lobby: " + numberOfPlayers;
|
||||
}
|
||||
|
||||
function updateTimer(timeLeft) {
|
||||
document.getElementsByClassName("info")[0].childNodes[0].nodeValue = "Countdown: " + timeLeft;
|
||||
}
|
||||
|
||||
// PLAYER HANDLING
|
||||
|
||||
function movement(x,y) {
|
||||
if (playerTeam != "spectator") {
|
||||
try {
|
||||
previousSquare = table.rows[playerCoordinate[0]].cells[playerCoordinate[1]];
|
||||
nextSquare = table.rows[playerCoordinate[0] + y].cells[playerCoordinate[1] + x];
|
||||
} catch(err) {
|
||||
//Hitting top/down
|
||||
killPlayer(playerCoordinate, playerTeam);
|
||||
if (playerTeam != "spectator") {
|
||||
try {
|
||||
previousSquare = table.rows[playerCoordinate[0]].cells[playerCoordinate[1]];
|
||||
nextSquare = table.rows[playerCoordinate[0] + y].cells[playerCoordinate[1] + x];
|
||||
} catch(err) {
|
||||
//Hitting top/down
|
||||
killPlayer(playerCoordinate, playerTeam);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
timer =
|
||||
setTimeout(function() {
|
||||
try {
|
||||
if (nextSquare === undefined ||
|
||||
nextSquare.className.includes('player') ||
|
||||
playerTeam === "spectator" ||
|
||||
nextSquare.className.includes(playerTeam)) {
|
||||
killPlayer(playerCoordinate, playerTeam);
|
||||
}
|
||||
else {
|
||||
// Changing new square
|
||||
nextSquare.style.backgroundColor = playerColors[playerTeam];
|
||||
nextSquare.className = "player " + playerTeam;
|
||||
nextSquare.id = username;
|
||||
// Resetting old square
|
||||
previousSquare.style.backgroundColor = claimedColors[playerTeam];
|
||||
previousSquare.className = previousSquare.className.replace("player ", "");
|
||||
previousSquare.id = "";
|
||||
// Recursive actions
|
||||
playerCoordinate = [playerCoordinate[0] + y, playerCoordinate[1] + x];
|
||||
updateScore();
|
||||
serverTransfer(playerCoordinate,playerTeam,turn,username);
|
||||
}
|
||||
turn = turn + 1;
|
||||
autoScroll('spectator');
|
||||
movement(x,y);
|
||||
}
|
||||
catch(err) {
|
||||
// Hitting left/right
|
||||
killPlayer(playerCoordinate, playerTeam);
|
||||
}
|
||||
}, 100);
|
||||
timer =
|
||||
setTimeout(function() {
|
||||
try {
|
||||
if (nextSquare === undefined ||
|
||||
nextSquare.className.includes('player') ||
|
||||
playerTeam === "spectator" ||
|
||||
nextSquare.className.includes(playerTeam)) {
|
||||
killPlayer(playerCoordinate, playerTeam);
|
||||
}
|
||||
else {
|
||||
// Changing new square
|
||||
nextSquare.style.backgroundColor = playerColors[playerTeam];
|
||||
nextSquare.className = "player " + playerTeam;
|
||||
nextSquare.id = username;
|
||||
// Resetting old square
|
||||
previousSquare.style.backgroundColor = claimedColors[playerTeam];
|
||||
previousSquare.className = previousSquare.className.replace("player ", "");
|
||||
previousSquare.id = "";
|
||||
// Recursive actions
|
||||
playerCoordinate = [playerCoordinate[0] + y, playerCoordinate[1] + x];
|
||||
updateScore();
|
||||
serverTransfer(playerCoordinate,playerTeam,turn,username);
|
||||
}
|
||||
turn = turn + 1;
|
||||
autoScroll('spectator');
|
||||
movement(x,y);
|
||||
}
|
||||
catch(err) {
|
||||
// Hitting left/right
|
||||
killPlayer(playerCoordinate, playerTeam);
|
||||
}
|
||||
}, 100);
|
||||
}
|
||||
|
||||
function movePlayer(e) {
|
||||
|
||||
if (canMove) {
|
||||
e = e || window.event;
|
||||
if (canMove) {
|
||||
e = e || window.event;
|
||||
|
||||
if (e.keyCode === 38 && type != "up") {
|
||||
type = "up";
|
||||
clearTimeout(timer);
|
||||
movement(0,-1);
|
||||
} else if (e.keyCode === 40 && type != "down") {
|
||||
type = "down";
|
||||
clearTimeout(timer);
|
||||
movement(0,1);
|
||||
} else if (e.keyCode === 37 && type != "left") {
|
||||
type = "left";
|
||||
clearTimeout(timer);
|
||||
movement(-1,0);
|
||||
} else if (e.keyCode === 39 && type != "right") {
|
||||
type = "right";
|
||||
clearTimeout(timer);
|
||||
movement(1,0);
|
||||
if (e.keyCode === 38 && type != "up") {
|
||||
type = "up";
|
||||
clearTimeout(timer);
|
||||
movement(0,-1);
|
||||
} else if (e.keyCode === 40 && type != "down") {
|
||||
type = "down";
|
||||
clearTimeout(timer);
|
||||
movement(0,1);
|
||||
} else if (e.keyCode === 37 && type != "left") {
|
||||
type = "left";
|
||||
clearTimeout(timer);
|
||||
movement(-1,0);
|
||||
} else if (e.keyCode === 39 && type != "right") {
|
||||
type = "right";
|
||||
clearTimeout(timer);
|
||||
movement(1,0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function killPlayer(coordinate, team) {
|
||||
if (playerTeam != "spectator") {
|
||||
deathSquare = table.rows[coordinate[0]].cells[coordinate[1]];
|
||||
deathSquare.style.backgroundColor = claimedColors[team];
|
||||
deathSquare.className = deathSquare.className.replace("player ", "");
|
||||
deathSquare.id = "";
|
||||
}
|
||||
// Spectator mode first to set team to spectator
|
||||
spectatorMode();
|
||||
serverTransfer(coordinate,team,turn,username);
|
||||
if (playerTeam != "spectator") {
|
||||
deathSquare = table.rows[coordinate[0]].cells[coordinate[1]];
|
||||
deathSquare.style.backgroundColor = claimedColors[team];
|
||||
deathSquare.className = deathSquare.className.replace("player ", "");
|
||||
deathSquare.id = "";
|
||||
}
|
||||
// Spectator mode first to set team to spectator
|
||||
spectatorMode();
|
||||
serverTransfer(coordinate,team,turn,username);
|
||||
}
|
||||
|
||||
function spectatorMode() {
|
||||
playerCoordinate = null;
|
||||
playerTeam = 'spectator';
|
||||
document.getElementsByClassName('spectator')[0].style.opacity = 0.7;
|
||||
spectatorType = 'spectatorFull';
|
||||
spectatorFull();
|
||||
document.getElementsByClassName('spectator')[0].onclick = function changeText() {
|
||||
spectatorChoose = spectatorChoose * (-1);
|
||||
if(spectatorChoose == -1) {
|
||||
document.getElementsByClassName('spectator')[0].childNodes[0].childNodes[0].nodeValue = "Following";
|
||||
spectatorType = 'spectatorFollow';
|
||||
document.getElementsByTagName('body')[0].style.overflow = "hidden";
|
||||
} else {
|
||||
document.getElementsByClassName('spectator')[0].childNodes[0].childNodes[0].nodeValue = "Full View";
|
||||
spectatorType = 'spectatorFull';
|
||||
spectatorFull();
|
||||
}
|
||||
};
|
||||
playerCoordinate = null;
|
||||
playerTeam = 'spectator';
|
||||
document.getElementsByClassName('spectator')[0].style.opacity = 0.7;
|
||||
spectatorType = 'spectatorFull';
|
||||
spectatorFull();
|
||||
document.getElementsByClassName('spectator')[0].onclick = function changeText() {
|
||||
spectatorChoose = spectatorChoose * (-1);
|
||||
if(spectatorChoose == -1) {
|
||||
document.getElementsByClassName('spectator')[0].childNodes[0].childNodes[0].nodeValue = "Following";
|
||||
spectatorType = 'spectatorFollow';
|
||||
document.getElementsByTagName('body')[0].style.overflow = "hidden";
|
||||
} else {
|
||||
document.getElementsByClassName('spectator')[0].childNodes[0].childNodes[0].nodeValue = "Full View";
|
||||
spectatorType = 'spectatorFull';
|
||||
spectatorFull();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
function spectatorFull() {
|
||||
for(var i = 0; i < document.getElementsByTagName('td').length;i++) {
|
||||
document.getElementsByTagName('body')[0].style.overflow = "auto";
|
||||
document.getElementsByTagName('td')[i].style.minWidth = "75px";
|
||||
document.getElementsByTagName('td')[i].style.height = "75px";
|
||||
}
|
||||
for(var i = 0; i < document.getElementsByTagName('td').length;i++) {
|
||||
document.getElementsByTagName('body')[0].style.overflow = "auto";
|
||||
document.getElementsByTagName('td')[i].style.minWidth = "75px";
|
||||
document.getElementsByTagName('td')[i].style.height = "75px";
|
||||
}
|
||||
}
|
||||
function autoScroll(type) {
|
||||
center = [
|
||||
window.innerHeight / -2,
|
||||
window.innerWidth / -2
|
||||
];
|
||||
if(type == 'start') {
|
||||
$('body').scrollTo(document.getElementById(username), 0, {offset: {top: center[0] , left: center[1]} });
|
||||
} else if (type == "spectator") {
|
||||
$('body').scrollTo(document.getElementById(spectatedUser), 100, {offset: {top: center[0] , left: center[1]} });
|
||||
} else {
|
||||
alert("Broken?");
|
||||
// $('body').scrollTo(document.getElementById(username), 100, {offset: {top: center[0] , left: center[1]} });
|
||||
}
|
||||
center = [
|
||||
window.innerHeight / -2,
|
||||
window.innerWidth / -2
|
||||
];
|
||||
if(type == 'start') {
|
||||
$('body').scrollTo(document.getElementById(username), 0, {offset: {top: center[0] , left: center[1]} });
|
||||
} else if (type == "spectator") {
|
||||
$('body').scrollTo(document.getElementById(spectatedUser), 100, {offset: {top: center[0] , left: center[1]} });
|
||||
} else {
|
||||
alert("Broken?");
|
||||
// $('body').scrollTo(document.getElementById(username), 100, {offset: {top: center[0] , left: center[1]} });
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user