1
0
mirror of https://github.com/exane/not-gwent-online synced 2024-10-31 10:36:53 +00:00

much more stuff

This commit is contained in:
exane 2015-06-14 20:50:53 +02:00
parent f09a66f547
commit 246c27f990
8 changed files with 316 additions and 68 deletions

View File

@ -8,10 +8,11 @@ module.exports = {
},
"morale_boost": {
onAfterPlace: function(card) {
var field = this.getYourside().getField(card.getType());
var cards = field.getCards();
var field = this.field[card.getType()];
var cards = field.get();
cards.forEach(function(_card) {
if(_card.getID() == card.getID()) return;
_card.boost(1);
})
}
@ -21,17 +22,17 @@ module.exports = {
var name = card.getName();
var self = this;
var cards = this.getDeck().find("name", name);
var cards = this.deck.find("name", name);
cards.forEach(function(_card) {
self.getDeck().removeFromDeck(_card.getID());
this._placeCard(_card);
self.deck.removeFromDeck(_card);
this.placeCard(_card);
})
}
},
"tight_bond": {
onAfterPlace: function(card){
var field = this.getYourside().getField(card.getType());
var cards = field.getCards();
var field = this.field[card.getType()];
var cards = field.get();
var lastInsert = cards.length;
if(lastInsert < 2) return;
@ -45,15 +46,15 @@ module.exports = {
"spy": {
changeSide: true,
onAfterPlace: function(card){
this.drawCards(2);
this.draw(2);
}
},
"weather_fog": {
onEachTurn: function(card) {
var targetRow = card.constructor.TYPE.RANGED;
var forcedPower = 1;
var field1 = this.getYourside().getField(targetRow).getCards();
var field2 = this.getOtherside().getField(targetRow).getCards();
var field1 = this.field[targetRow].get();
var field2 = this.foe.field[targetRow].get();
var field = field1.concat(field2);
@ -61,15 +62,27 @@ module.exports = {
if(_card.getRawAbility() == "hero") return;
_card.setForcedPower(forcedPower);
});
},
onEachCardPlace: function(card) {
var targetRow = card.constructor.TYPE.RANGED;
var forcedPower = 1;
var field1 = this.field[targetRow].get();
var field2 = this.foe.field[targetRow].get();
var field = field1.concat(field2);
field.forEach(function(_card) {
if(_card.getRawAbility() == "hero") return;
_card.setForcedPower(forcedPower);
});
}
},
"weather_rain": {
onEachTurn: function(card) {
var targetRow = card.constructor.TYPE.SIEGE;
var forcedPower = 1;
var field1 = this.getYourside().getField(targetRow).getCards();
var field2 = this.getOtherside().getField(targetRow).getCards();
var field1 = this.field[targetRow].get();
var field2 = this.foe.field[targetRow].get();
var field = field1.concat(field2);
@ -84,8 +97,8 @@ module.exports = {
onEachTurn: function(card) {
var targetRow = card.constructor.TYPE.CLOSE_COMBAT;
var forcedPower = 1;
var field1 = this.getYourside().getField(targetRow).getCards();
var field2 = this.getOtherside().getField(targetRow).getCards();
var field1 = this.field[targetRow].get();
var field2 = this.foe.field[targetRow].get();
var field = field1.concat(field2);
@ -99,7 +112,7 @@ module.exports = {
"clear_weather": {
onAfterPlace: function(card) {
var targetRow = card.constructor.TYPE.WEATHER;
var field = this.getYourside().getField(targetRow).getCards();
var field = this.field[targetRow].get();
//todo: remove weather cards
}

View File

@ -95,9 +95,12 @@ var App = Backbone.Router.extend({
var SideView = Backbone.View.extend({
el: ".container",
template: Handlebars.compile('<div class="card" data-key="{{_key}}"><img src="../assets/cards/{{_data.img}}.png"></div>'),
template: Handlebars.compile('<div class="card" data-key="{{_key}}" data-id="{{_id}}">' +
'<img src="../assets/cards/{{_data.img}}.png">' +
'</div>'),
templateCards: Handlebars.compile('{{#each this}}' +
'<div class="card" data-key="{{_key}}">' +
'<div class="card" data-key="{{_key}}" data-id="{{_id}}">' +
'{{#if _boost}}<span>+{{_boost}}</span>{{/if}}' +
'<img src="../assets/cards/{{_data.img}}.png">' +
'</div>' +
'{{/each}}'),
@ -113,11 +116,11 @@ var SideView = Backbone.View.extend({
},
render: function(){
this.renderInfo();
this.renderCloseField();
this.renderRangeField();
this.renderSiegeField();
this.renderWeatherField();
return this;
},
@ -138,6 +141,8 @@ var SideView = Backbone.View.extend({
this.$info.addClass("removeBackground");
}
this.$info.find(".passing").html(d.passing?"Passed":"");
},
renderCloseField: function(){
if(!this.field.close) return;
@ -175,6 +180,14 @@ var SideView = Backbone.View.extend({
$field.find(".field-siege").html(html)
$field.find(".large-field-counter").html(score)
},
renderWeatherField: function(){
if(!this.field.weather) return;
var $weatherField = this.$el.find(".field-weather");
var cards = this.field.weather._cards;
$weatherField.html(this.templateCards(cards));
return this;
},
lives: function(lives){
var out = "";
for(var i = 0; i < 2; i++) {
@ -201,12 +214,12 @@ var BattleView = Backbone.View.extend({
this.listenTo(user, "change:showPreview", this.render);
this.listenTo(user, "change:waiting", this.render);
this.listenTo(user, "change:passing", this.render);
this.$hand = this.$el.find(".field-hand");
this.$preview = this.$el.find(".card-preview");
app.receive("update:hand", function(data){
console.log("update:hand", user.get("roomSide"), data._roomSide);
if(user.get("roomSide") == data._roomSide){
self.handCards = JSON.parse(data.cards);
self.render();
@ -223,7 +236,6 @@ var BattleView = Backbone.View.extend({
if(user.get("roomSide") != _side){
side = otherSide;
}
console.log(side);
side.infoData = infoData;
side.leader = leader;
side.render();
@ -242,6 +254,7 @@ var BattleView = Backbone.View.extend({
side.field.close = data.close;
side.field.ranged = data.ranged;
side.field.siege = data.siege;
side.field.weather = data.weather;
side.render();
})
@ -263,16 +276,53 @@ var BattleView = Backbone.View.extend({
events: {
"mouseover .card": "onMouseover",
"mouseleave .card": "onMouseleave",
"click .field-hand": "onClick"
"click .field-hand": "onClick",
"click .battleside.player": "onClickDecoy",
"click .button-pass": "onPassing"
},
onPassing: function(){
if(this.user.get("passing")) return;
if(this.user.get("waiting")) return;
this.user.set("passing", true);
this.user.get("app").send("set:passing");
},
onClick: function(e){
if(!!this.user.get("waiting")) return;
if(!!this.user.get("passing")) return;
var self = this;
var $card = $(e.target).closest(".card");
var id = $card.data("id");
console.log("clicked id ", id);
var key = $card.data("key");
this.app.send("play:cardFromHand", {
id: id
});
if(key === "decoy"){
console.log("its decoy!!!");
this.user.set("waitForDecoy", id);
/*
this.$el.find(".battleside.player").on("click", ".card", function(e) {
console.log("replacement card found: ");
var $card = $(e.target).closest(".card");
var _id = $card.data("id");
self.app.send("decoy:replaceWith", {
oldCard: id,
newCard: _id
})
self.$el.find(".battleside.player").off("click");
});*/
}
},
onClickDecoy: function(e){
if(!this.user.get("waitForDecoy")) return;
console.log("replacement card found: ");
var $card = $(e.target).closest(".card");
var _id = $card.data("id");
this.app.send("decoy:replaceWith", {
cardID: _id
})
this.user.set("waitForDecoy", false);
},
onMouseover: function(e){
var target = $(e.target).closest(".card");
@ -307,7 +357,6 @@ var User = Backbone.Model.extend({
var self = this;
var app = this.get("app");
app.receive("response:name", function(data){
self.set("name", data.name);
});
@ -330,7 +379,6 @@ var User = Backbone.Model.extend({
app.receive("set:waiting", function(data){
var waiting = data.waiting;
console.log("is waiting: ", waiting);
self.set("waiting", waiting);
})

View File

@ -34,8 +34,8 @@ $game-height: 800px;
}
}
.passing {
display: none;
.passing {/*
display: none;*/
}
.field-single {
@ -81,6 +81,16 @@ $game-height: 800px;
img {
height: 120px;
}
span {
color: #00b000;
font-weight: bold;
font-size: 24px;
position: absolute;
text-shadow: 1px 1px #101010;
margin-top: 55px;
margin-left: 30px;
cursor: default;
}
}
.card-preview {

View File

@ -1,5 +1,6 @@
var Battleside = require("./Battleside");
var PubSub = require("pubsub-js");
var Card = require("./Card");
var io = global.io;
@ -28,14 +29,17 @@ var Battle = (function(){
r._user2 = null;
r.turn = 0;
r._id = null;
r.init = function(){
PubSub.subscribe("update", this.update.bind(this));
this.p1 = Battleside(this._user1.getName(), 0, this, this._user1);
this.p2 = Battleside(this._user2.getName(), 1, this, this._user2);
this.p1.foe = this.p2;
this.p2.foe = this.p1;
this.p1.setUpWeatherFieldWith(this.p2);
this.start();
}
@ -46,12 +50,20 @@ var Battle = (function(){
this.p1.draw(10);
this.p2.draw(10);
this.p1.hand.add(Card("decoy"));
this.p1.hand.add(Card("impenetrable_fog"));
this.p2.hand.add(Card("decoy"));
this.p2.hand.add(Card("impenetrable_fog"));
this.update();
PubSub.subscribe("nextTurn", this.switchTurn.bind(this));
this.switchTurn();
}
r.switchTurn = function(){
r.switchTurn = function(__flag){
/*this.playerManager.renderInfos();
if(this.playerManager.bothPassed() && !this._roundCheck) {
//start new round
@ -65,8 +77,15 @@ var Battle = (function(){
var entity = this.playerManager.getNextPlayer();
this.playerManager.renderInfos();*/
__flag = typeof __flag == "undefined" ? 0 : 1;
var side = this.turn++ % 2 ? this.p1 : this.p2;
if(side.isPassing()){
if(__flag) {
return this.startNextRound();
}
return this.switchTurn(1);
}
PubSub.publish("onEachTurn");
PubSub.publish("turn/" + side.getID());
@ -74,6 +93,30 @@ var Battle = (function(){
}
r.startNextRound = function() {
}
r.update = function(){
this._update(this.p1);
this._update(this.p2);
}
r._update = function(p){
p.send("update:info", {
info: p.getInfo(),
leader: p.field[Card.TYPE.LEADER].get()[0]
})
p.send("update:hand", {
cards: JSON.stringify(p.hand.getCards())
});
p.send("update:fields", {
close: p.field[Card.TYPE.CLOSE_COMBAT],
ranged: p.field[Card.TYPE.RANGED],
siege: p.field[Card.TYPE.SIEGE],
weather: p.field[Card.TYPE.WEATHER]
})
}
r.send = function(event, data){
io.to(this._id).emit(event, data);

View File

@ -7,7 +7,8 @@ var Field = require("./Field");
var PubSub = require("pubsub-js");
var Battleside = (function(){
var Battleside;
Battleside = (function(){
var Battleside = function(name, n, battle, user){
if(!(this instanceof Battleside)){
return (new Battleside(name, n, battle, user));
@ -16,6 +17,7 @@ var Battleside = (function(){
* constructor here
*/
var self = this;
this._isWaiting = true;
this.socket = user.socket;
this.field = {};
@ -30,6 +32,26 @@ var Battleside = (function(){
this.deck = Deck(DeckData["test"]);
this.receive("play:cardFromHand", function(data){
if(self._isWaiting) return;
if(self.isPassing()) return;
var cardID = data.id;
var card = self.hand.getCard(cardID);
self.playCard(card);
})
this.receive("decoy:replaceWith", function(data){
if(self._isWaiting) return;
var card = self.findCardOnFieldByID(data.cardID);
if(card === -1) throw "decoy:replace | unknown card";
PubSub.publish("decoy:replaceWith", card);
})
this.receive("set:passing", function() {
self.setPassing(true);
self.update();
PubSub.publish("nextTurn");
})
PubSub.subscribe("turn/" + this.getID(), this.onTurnStart.bind(this));
};
var r = Battleside.prototype;
@ -48,6 +70,7 @@ var Battleside = (function(){
r._lives = 2;
r._score = 0;
r._isWaiting = null;
r._passing = null;
r.field = null;
@ -59,6 +82,27 @@ var Battleside = (function(){
r.battle = null;
r.deck = null;
r.isPassing = function() {
return this._passing;
}
r.setUpWeatherFieldWith = function(p2){
this.field[Card.TYPE.WEATHER] = p2.field[Card.TYPE.WEATHER] = Field(Card.TYPE.WEATHER);
}
r.findCardOnFieldByID = function(id) {
for(var key in this.field) {
var field = this.field[key];
var card = field.getCard(id);
if(card !== -1) return card;
}
return -1;
}
r.setPassing = function(b) {
this._passing = b;
}
r.wait = function(){
this._isWaiting = true;
this.send("set:waiting", {waiting: this._isWaiting}, true);
@ -101,12 +145,12 @@ var Battleside = (function(){
}
r.getInfo = function(){
console.log(this.getName(), this._isWaiting);
return {
name: this.getName(),
lives: this._lives,
score: this.calcScore(),
hand: this.hand.length()
hand: this.hand.length(),
passing: this._passing
}
}
@ -130,6 +174,7 @@ var Battleside = (function(){
}
r.update = function(){
/*
this.send("update:info", {
info: this.getInfo(),
leader: this.field[Card.TYPE.LEADER].get()[0]
@ -141,34 +186,96 @@ var Battleside = (function(){
close: this.field[Card.TYPE.CLOSE_COMBAT],
ranged: this.field[Card.TYPE.RANGED],
siege: this.field[Card.TYPE.SIEGE]
})
})*/
PubSub.publish("update");
}
r.onTurnStart = function(){
this.foe.wait();
this.turn();
var self = this;
this.receive("play:cardFromHand", function(data) {
var cardID = data.id;
var card = self.hand.getCard(cardID);
self.hand.remove(cardID);
//wait for cardplay event
self.playCard(card);
})
};
r.playCard = function(card){
if(card === -1) return;
var field = this.field[card.getType()];
if(card === null || card === -1) return;
field.add(card);
this.hand.remove(card);
if(!this.placeCard(card)) return;
this.update();
PubSub.publish("nextTurn");
}
r.placeCard = function(card){
var obj = {};
this.checkAbilities(card, obj);
if(obj._canclePlacement) return 0;
var field = obj.targetSide.field[card.getType()];
field.add(card);
PubSub.publish("onEachCardPlace");
this.checkAbilityOnAfterPlace(card);
return 1;
}
r.checkAbilities = function(card, obj){
var self = this;
obj.targetSide = this;
if(card.getAbility()){
var ability = card.getAbility();
if(ability.changeSide){
obj.targetSide = this.foe;
}
if(ability.replaceWith){
obj._canclePlacement = true;
var decoy = PubSub.subscribe("decoy:replaceWith", function(event, replaceCard){
if(replaceCard.getType() == Card.TYPE.LEADER ||
replaceCard.getType() == Card.TYPE.WEATHER ||
replaceCard.getType() == Card.TYPE.SPECIAL){
return;
}
PubSub.unsubscribe(decoy);
var field = self.field[replaceCard.getType()];
field.replaceWith(replaceCard, card);
self.hand.add(replaceCard);
self.update();
PubSub.publish("nextTurn");
})
}
if(ability.onEachTurn){
PubSub.subscribe("onEachTurn", ability.onEachTurn.bind(this, card));
}
if(ability.onEachCardPlace){
PubSub.subscribe("onEachCardPlace", ability.onEachCardPlace.bind(this, card));
}
}
}
r.checkAbilityOnAfterPlace = function(card){
var ability = card.getAbility();
if(ability){
if(ability.onAfterPlace){
ability.onAfterPlace.call(this, card)
}
}
}
return Battleside;
})();

View File

@ -38,6 +38,7 @@ var Card = (function(){
WEATHER: 5
};
r._init = function(){
this._id = ++Card.__id;
}
@ -78,6 +79,7 @@ var Card = (function(){
}
r.boost = function(nr){
this.getPower(); //to recalculate this._power;
this._boost += nr;
}

View File

@ -29,6 +29,7 @@ var Field = (function(){
}
r.getScore = function(){
this.updateScore();
return this._score;
}
@ -40,6 +41,27 @@ var Field = (function(){
}
}
r.getPosition = function(card){
for(var i = 0; i < this._cards.length; i++) {
if(this._cards[i].getID() === card.getID()) return i;
}
return -1;
}
r.replaceWith = function(oldCard, newCard){
var index = this.getPosition(oldCard);
this._cards[index] = newCard;
return oldCard;
}
r.getCard = function(id){
for(var i = 0; i < this._cards.length; i++) {
var card = this._cards[i];
if(card.getID() == id) return card;
}
return -1;
}
return Field;
})();

View File

@ -1,6 +1,7 @@
/*var $ = require("jquery");*//*
var CardManager = require("./CardManager");*//*
var PubSub = require("./pubsub");*/
var Card = require("./Card");
var Hand = (function(){
@ -41,6 +42,8 @@ var Hand = (function(){
r.remove = function(id){
var n = this.length();
id = id instanceof Card ? id.getID() : id;
for(var i = 0; i < n; i++) {
if(this._hand[i].getID() != id) continue;
return this._hand.splice(i, 1);