90 lines
2.5 KiB
JavaScript
90 lines
2.5 KiB
JavaScript
|
export class Player {
|
||
|
|
constructor(game, id, name) {
|
||
|
|
this.game = game;
|
||
|
|
|
||
|
|
this.id = id;
|
||
|
|
this.name = name;
|
||
|
|
this.hand = [];
|
||
|
|
|
||
|
|
this.isTurn = false;
|
||
|
|
this.highlightedCard = null;
|
||
|
|
|
||
|
|
this.cardArea = {
|
||
|
|
currentWidth: 0.5,
|
||
|
|
allowedWidth: 0.5,
|
||
|
|
currentCard: null,
|
||
|
|
cardWidth: 0.1,
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
init() {
|
||
|
|
this.registerEventListeners();
|
||
|
|
}
|
||
|
|
|
||
|
|
registerEventListeners() {
|
||
|
|
this.game.registerListener('hover', event => {
|
||
|
|
const width = this.cardArea.currentWidth;
|
||
|
|
const left = 0.5 - width / 2;
|
||
|
|
const right = left + width - this.cardArea.cardWidth;
|
||
|
|
this.highlightedCard = Math.min(Math.max(Math.floor((event.relX - left) / (right - left) * this.hand.length), 0), this.hand.length - 1);
|
||
|
|
}, 0, 0.8, 1, 0.2);
|
||
|
|
|
||
|
|
this.game.registerListener('click', event => {
|
||
|
|
console.log('clicked card');
|
||
|
|
if (!this.isTurn) {
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
if (this.highlightedCard !== null) {
|
||
|
|
this.playCard(this.highlightedCard);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
addCard(card) {
|
||
|
|
this.hand.push(card);
|
||
|
|
}
|
||
|
|
|
||
|
|
setHand(cards) {
|
||
|
|
this.hand = cards
|
||
|
|
.sort((a, b) => a.value.localeCompare(b.value))
|
||
|
|
.sort((a, b) => a.color.localeCompare(b.color));
|
||
|
|
}
|
||
|
|
|
||
|
|
playCard(index) {
|
||
|
|
console.log('played', this.name);
|
||
|
|
|
||
|
|
const card = this.hand[index];
|
||
|
|
this.game.playCard(card);
|
||
|
|
}
|
||
|
|
|
||
|
|
getCardOffset() {
|
||
|
|
const width = 800;
|
||
|
|
const offset = Math.min((width - 100) / this.hand.length, 60);
|
||
|
|
return offset;
|
||
|
|
}
|
||
|
|
|
||
|
|
getWidth(offset) {
|
||
|
|
return offset * (this.hand.length - 1) + 100;
|
||
|
|
}
|
||
|
|
|
||
|
|
draw(renderer) {
|
||
|
|
const offset = this.getCardOffset();
|
||
|
|
const width = this.getWidth(offset);
|
||
|
|
let x = -width / 2;
|
||
|
|
|
||
|
|
this.cardArea.currentWidth = width / this.game.renderer.width;
|
||
|
|
this.cardArea.cardWidth = 100 / this.game.renderer.width;
|
||
|
|
|
||
|
|
this.hand.forEach((card, index) => {
|
||
|
|
if (this.highlightedCard === index) {
|
||
|
|
this.cardArea.currentCard = x / this.game.renderer.width;
|
||
|
|
card.draw(renderer, x);
|
||
|
|
x += 100;
|
||
|
|
} else {
|
||
|
|
card.draw(renderer, x);
|
||
|
|
x += offset;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
renderer.pop();
|
||
|
|
}
|
||
|
|
}
|