ambidextrous/gemp-lotr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Trying to do a spectator mode and some cleanup.

Browse Source
This commit is contained in:
marcins78@gmail.com
2011-09-19 10:32:25 +00:00
parent 544c37e1ee
commit 0f73cd44e8
1 changed files with 59 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
gemp-lotr/gemp-lotr-web/src/main/webapp/js/gameUi.js
View File

@@ -1,10 +1,12 @@
var GempLotrGameUI = Class.extend({ var GempLotrGameUI = Class.extend({
padding: 5, padding: 5,
selfPlayerId: null, bottomPlayerId: null,
spectatorMode: null, spectatorMode: null,
currentPlayerId: null, currentPlayerId: null,
allPlayerIds: null, allPlayerIds: null,
playerPositions: null, playerPositions: null,
cardActionDialog: null, cardActionDialog: null,
smallDialog: null, smallDialog: null,
@@ -83,19 +85,19 @@ var GempLotrGameUI = Class.extend({
var that = this; var that = this;
this.supportOpponent = new NormalCardGroup($("#main"), function(card) { this.supportOpponent = new NormalCardGroup($("#main"), function(card) {
return ((card.zone == "FREE_SUPPORT" || card.zone == "SHADOW_SUPPORT") && card.owner != that.selfPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null); return ((card.zone == "FREE_SUPPORT" || card.zone == "SHADOW_SUPPORT") && card.owner != that.bottomPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null);
}); });
this.charactersOpponent = new NormalCardGroup($("#main"), function(card) { this.charactersOpponent = new NormalCardGroup($("#main"), function(card) {
return (card.zone == "FREE_CHARACTERS" && card.owner != that.selfPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null); return (card.zone == "FREE_CHARACTERS" && card.owner != that.bottomPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null);
}); });
this.shadow = new NormalCardGroup($("#main"), function(card) { this.shadow = new NormalCardGroup($("#main"), function(card) {
return (card.zone == "SHADOW_CHARACTERS" && card.assign == null && card.skirmish == null); return (card.zone == "SHADOW_CHARACTERS" && card.assign == null && card.skirmish == null);
}); });
this.charactersPlayer = new NormalCardGroup($("#main"), function(card) { this.charactersPlayer = new NormalCardGroup($("#main"), function(card) {
return (card.zone == "FREE_CHARACTERS" && card.owner == that.selfPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null); return (card.zone == "FREE_CHARACTERS" && card.owner == that.bottomPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null);
}); });
this.supportPlayer = new NormalCardGroup($("#main"), function(card) { this.supportPlayer = new NormalCardGroup($("#main"), function(card) {
return ((card.zone == "FREE_SUPPORT" || card.zone == "SHADOW_SUPPORT") && card.owner == that.selfPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null); return ((card.zone == "FREE_SUPPORT" || card.zone == "SHADOW_SUPPORT") && card.owner == that.bottomPlayerId && that.shadowAssignGroups[card.cardId] == null && card.skirmish == null);
}); });
if (!this.spectatorMode) { if (!this.spectatorMode) {
this.hand = new NormalCardGroup($("#main"), function(card) { this.hand = new NormalCardGroup($("#main"), function(card) {
@@ -209,21 +211,21 @@ var GempLotrGameUI = Class.extend({
initializeDialogs: function() { initializeDialogs: function() {
this.smallDialog = $("<div></div>") this.smallDialog = $("<div></div>")
.dialog({ .dialog({
autoOpen: false, autoOpen: false,
closeOnEscape: false, closeOnEscape: false,
resizable: false, resizable: false,
width: 400, width: 400,
height: 200 height: 200
}); });
this.cardActionDialog = $("<div></div>") this.cardActionDialog = $("<div></div>")
.dialog({ .dialog({
autoOpen: false, autoOpen: false,
closeOnEscape: false, closeOnEscape: false,
resizable: true, resizable: true,
width: 600, width: 600,
height: 300 height: 300
}); });
var that = this; var that = this;
@@ -235,15 +237,15 @@ var GempLotrGameUI = Class.extend({
this.infoDialog = $("<div></div>") this.infoDialog = $("<div></div>")
.dialog({ .dialog({
autoOpen: false, autoOpen: false,
closeOnEscape: true, closeOnEscape: true,
resizable: true, resizable: true,
title: "Card information", title: "Card information",
minHeight: 80, minHeight: 80,
minWidth: 200, minWidth: 200,
width: 600, width: 600,
height: 300 height: 300
}); });
var swipeOptions = { var swipeOptions = {
threshold: 20, threshold: 20,
@@ -294,7 +296,7 @@ var GempLotrGameUI = Class.extend({
var charsWidth = width - (advPathWidth + specialUiWidth + padding * 3); var charsWidth = width - (advPathWidth + specialUiWidth + padding * 3);
var charsWidthWithAssignments = 2 * charsWidth / (2 + assignmentsCount); var charsWidthWithAssignments = 2 * charsWidth / (2 + assignmentsCount);
var currentPlayerTurn = (this.currentPlayerId == this.selfPlayerId); var currentPlayerTurn = (this.currentPlayerId == this.bottomPlayerId);
this.advPathGroup.setBounds(padding, padding, advPathWidth, height - (padding * 3) - chatHeight); this.advPathGroup.setBounds(padding, padding, advPathWidth, height - (padding * 3) - chatHeight);
this.supportOpponent.setBounds(advPathWidth + specialUiWidth + (padding * 2), padding + yScales[0] * heightPerScale, width - (advPathWidth + specialUiWidth + padding * 3), heightScales[0] * heightPerScale); this.supportOpponent.setBounds(advPathWidth + specialUiWidth + (padding * 2), padding + yScales[0] * heightPerScale, width - (advPathWidth + specialUiWidth + padding * 3), heightScales[0] * heightPerScale);
@@ -446,10 +448,7 @@ var GempLotrGameUI = Class.extend({
for (var i = 0; i < clocks.length; i++) { for (var i = 0; i < clocks.length; i++) {
var clock = clocks[i]; var clock = clocks[i];
var participantId = clock.getAttribute("participantId"); var participantId = clock.getAttribute("participantId");
var index = -1; var index = this.getPlayerIndex(participantId);
for (var plId = 0; plId < this.allPlayerIds.length; plId++)
if (this.allPlayerIds[plId] == participantId)
index = plId;
var value = parseInt(clock.childNodes[0].nodeValue); var value = parseInt(clock.childNodes[0].nodeValue);
@@ -493,6 +492,13 @@ var GempLotrGameUI = Class.extend({
} }
}, },
getPlayerIndex: function(playerId) {
for (var plId = 0; plId < this.allPlayerIds.length; plId++)
if (this.allPlayerIds[plId] == playerId)
return plId;
return -1;
},
processError: function (xhr, ajaxOptions, thrownError) { processError: function (xhr, ajaxOptions, thrownError) {
alert("There was a problem during communication with server"); alert("There was a problem during communication with server");
}, },
@@ -504,10 +510,8 @@ var GempLotrGameUI = Class.extend({
if (this.playerPositions == null) if (this.playerPositions == null)
this.playerPositions = new Array(); this.playerPositions = new Array();
var index = -1; var index = this.getPlayerIndex(participantId);
for (var i = 0; i < this.allPlayerIds.length; i++) this.playerPositions[index] = position;
if (this.allPlayerIds[i] == participantId)
this.playerPositions[i] = position;
this.advPathGroup.setPositions(this.playerPositions); this.advPathGroup.setPositions(this.playerPositions);
}, },
@@ -648,7 +652,7 @@ var GempLotrGameUI = Class.extend({
if (index != -1) if (index != -1)
cardData.attachedCards.splice(index, 1); cardData.attachedCards.splice(index, 1);
} }
); );
var card = $(".card:cardId(" + cardId + ")"); var card = $(".card:cardId(" + cardId + ")");
var cardData = card.data("card"); var cardData = card.data("card");
@@ -687,15 +691,11 @@ var GempLotrGameUI = Class.extend({
var participantId = element.getAttribute("participantId"); var participantId = element.getAttribute("participantId");
this.allPlayerIds = element.getAttribute("allParticipantIds").split(","); this.allPlayerIds = element.getAttribute("allParticipantIds").split(",");
this.selfPlayerId = participantId; this.bottomPlayerId = participantId;
var index = -1; var index = this.getPlayerIndex(this.bottomPlayerId);
for (var i = 0; i < this.allPlayerIds.length; i++) {
if (this.allPlayerIds[i] == this.selfPlayerId)
index = i;
}
if (index == -1) { if (index == -1) {
this.selfPlayerId = this.allPlayerIds[0]; this.bottomPlayerId = this.allPlayerIds[0];
this.spectatorMode = true; this.spectatorMode = true;
} else { } else {
this.spectatorMode = false; this.spectatorMode = false;
@@ -724,7 +724,7 @@ var GempLotrGameUI = Class.extend({
if (index != -1) if (index != -1)
cardData.attachedCards.splice(index, 1); cardData.attachedCards.splice(index, 1);
} }
); );
} }
card.remove(); card.remove();
@@ -745,7 +745,7 @@ var GempLotrGameUI = Class.extend({
turnChange: function(element) { turnChange: function(element) {
var playerId = element.getAttribute("participantId"); var playerId = element.getAttribute("participantId");
var playerIndex = $.inArray(playerId, this.allPlayerIds); var playerIndex = this.getPlayerIndex(playerId);
this.currentPlayerId = playerId; this.currentPlayerId = playerId;
@@ -796,13 +796,13 @@ var GempLotrGameUI = Class.extend({
this.smallDialog this.smallDialog
.html(text + "<br /><input id='integerDecision' type='text' value='0'>") .html(text + "<br /><input id='integerDecision' type='text' value='0'>")
.dialog("option", "buttons", .dialog("option", "buttons",
{ {
"OK": function() { "OK": function() {
$(this).dialog("close"); $(this).dialog("close");
that.decisionFunction(id, $("#integerDecision").val()); that.decisionFunction(id, $("#integerDecision").val());
} }
} }
); );
$("#integerDecision").SpinnerControl({ type: 'range', $("#integerDecision").SpinnerControl({ type: 'range',
typedata: { typedata: {
@@ -834,13 +834,13 @@ var GempLotrGameUI = Class.extend({
this.smallDialog this.smallDialog
.html(html) .html(html)
.dialog("option", "buttons", .dialog("option", "buttons",
{ {
"OK": function() { "OK": function() {
$(this).dialog("close"); $(this).dialog("close");
that.decisionFunction(id, $("#multipleChoiceDecision").val()); that.decisionFunction(id, $("#multipleChoiceDecision").val());
} }
} }
); );
this.smallDialog.dialog("open"); this.smallDialog.dialog("open");
}, },