Vincent Vandemeulebrouck
968a95fb99
* pas de title * n'enlever que ses propres messages de bienvenue
627 lines
24 KiB
JavaScript
627 lines
24 KiB
JavaScript
/**
|
|
* Extend the base Dialog entity by defining a custom window to perform spell.
|
|
* @extends {Dialog}
|
|
*/
|
|
import { RdDUtility } from "./rdd-utility.js";
|
|
import { TMRUtility } from "./tmr-utility.js";
|
|
import { RdDRollTables } from "./rdd-rolltables.js";
|
|
import { RdDResolutionTable } from "./rdd-resolution-table.js";
|
|
|
|
/* -------------------------------------------- */
|
|
const tmrConstants = {
|
|
col1_y: 30,
|
|
col2_y: 55,
|
|
cellw: 55,
|
|
cellh: 55,
|
|
gridx: 28,
|
|
gridy: 28
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
export class RdDTMRDialog extends Dialog {
|
|
|
|
/* -------------------------------------------- */
|
|
constructor(html, actor, tmrData, viewOnly) {
|
|
const dialogConf = {
|
|
title: "Terres Médianes de Rêve",
|
|
content: html,
|
|
buttons: {
|
|
closeButton: { label: "Fermer", callback: html => this.close(html) }
|
|
},
|
|
default: "closeButton"
|
|
}
|
|
|
|
const dialogOptions = {
|
|
classes: ["tmrdialog"],
|
|
width: 920, height: 980,
|
|
'z-index': 20
|
|
}
|
|
super(dialogConf, dialogOptions);
|
|
|
|
this.tmrdata = duplicate(tmrData);
|
|
this.actor = actor;
|
|
this.actor.tmrApp = this; // reference this app in the actor structure
|
|
this.viewOnly = viewOnly
|
|
this.nbFatigue = this.viewOnly ? 0 : 1; // 1 premier point de fatigue du à la montée
|
|
this.rencontresExistantes = duplicate(this.actor.data.data.reve.rencontre.list);
|
|
this.sortReserves = duplicate(this.actor.data.data.reve.reserve.list);
|
|
this.allTokens = [];
|
|
this.rencontreState = 'aucune';
|
|
this.pixiApp = new PIXI.Application({ width: 720, height: 860 });
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
close() {
|
|
this.actor.santeIncDec("fatigue", this.nbFatigue).then(super.close()); // moving 1 cell costs 1 fatigue
|
|
this.actor.tmrApp = undefined; // Cleanup reference
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
displaySortReserve() {
|
|
console.debug("displaySortReserve", this.sortReserves);
|
|
for (let sort of this.sortReserves) {
|
|
this._trackToken(this._tokenSortEnReserve(sort));
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
displayPreviousRencontres() {
|
|
console.debug("displayPreviousRencontres", this.rencontresExistantes);
|
|
for (let rencontre of this.rencontresExistantes) {
|
|
this._trackToken(this._tokenRencontre(rencontre));
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
updatePreviousRencontres() {
|
|
this._removeTokens(t => t.rencontre != undefined);
|
|
this.rencontresExistantes = duplicate(this.actor.data.data.reve.rencontre.list);
|
|
this.displayPreviousRencontres();
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
updateSortReserve() {
|
|
this._removeTokens(t => t.sort != undefined);
|
|
this.sortReserves = duplicate(this.actor.data.data.reve.reserve.list);
|
|
this.displaySortReserve();
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async derober() {
|
|
await this.actor.addTMRRencontre(this.currentRencontre);
|
|
console.log("-> derober", this.currentRencontre);
|
|
this._tellToGM(this.actor.name + " s'est dérobé et quitte les TMR.");
|
|
this.close();
|
|
}
|
|
/* -------------------------------------------- */
|
|
async refouler(data) {
|
|
this._tellToGM(this.actor.name + " a refoulé une rencontre.");
|
|
await this.actor.deleteTMRRencontreAtPosition(); // Remove the stored rencontre if necessary
|
|
let result = await this.actor.ajouterRefoulement(1);
|
|
this.updatePreviousRencontres();
|
|
console.log("-> refouler", this.currentRencontre)
|
|
this.updateValuesDisplay();
|
|
this.nettoyerRencontre();
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
colorierZoneRencontre( locList) {
|
|
this.currentRencontre.graphics = []; // Keep track of rectangles to delete it
|
|
this.currentRencontre.locList = duplicate(locList); // And track of allowed location
|
|
for (let loc of locList) {
|
|
let rect = this._getCaseRectangleCoord( loc);
|
|
var rectDraw = new PIXI.Graphics();
|
|
rectDraw.beginFill(0xFFFF00, 0.3);
|
|
// set the line style to have a width of 5 and set the color to red
|
|
rectDraw.lineStyle(5, 0xFF0000);
|
|
// draw a rectangle
|
|
rectDraw.drawRect(rect.x, rect.y, rect.w, rect.h);
|
|
this.pixiApp.stage.addChild(rectDraw);
|
|
this.currentRencontre.graphics.push(rectDraw); // garder les objets pour gestion post-click
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async gererTourbillon( value ) {
|
|
this.nbFatigue += value;
|
|
await this.actor.updatePointsDeReve( -value );
|
|
if ( !this.currentRencontre.tourbillonDirection ) {
|
|
this.currentRencontre.tourbillonDirection = TMRUtility.getDirectionPattern();
|
|
}
|
|
let tmrPos = this.actor.data.data.reve.tmrpos;
|
|
tmrPos.coord = TMRUtility.deplaceTMRSelonPattern( tmrPos.coord, this.currentRencontre.tourbillonDirection, value );
|
|
await this.actor.update({ "data.reve.tmrpos": tmrPos });
|
|
console.log("NEWPOS", tmrPos);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
/** Gère les rencontres avec du post-processing graphique (passeur, messagers, tourbillons, ...) */
|
|
async rencontrePostProcess( rencontreData) {
|
|
if (!rencontreData) return; // Sanity check
|
|
this.rencontreState = rencontreData.state; // garder la trace de l'état en cours
|
|
|
|
let locList
|
|
if ( this.rencontreState == 'passeur' || this.rencontreState == 'messager' ) {
|
|
// Récupère la liste des cases à portées
|
|
locList = TMRUtility.getTMRArea(this.actor.data.data.reve.tmrpos.coord, this.currentRencontre.force, tmrConstants );
|
|
|
|
} else if ( this.rencontreState == 'changeur' ) {
|
|
// Liste des cases de même type
|
|
locList = TMRUtility.getLocationTypeList( this.actor.data.data.reve.tmrpos.coord );
|
|
|
|
} else if ( this.rencontreState == 'reflet' ) {
|
|
this.nbFatigue += 1;
|
|
|
|
} else if ( this.rencontreState == 'tourbillonblanc' ) {
|
|
await this.gererTourbillon(1);
|
|
|
|
} else if ( this.rencontreState == 'tourbillonnoir' ) {
|
|
await this.gererTourbillon(2);
|
|
|
|
} else {
|
|
this.currentRencontre = undefined; // Cleanup, not used anymore
|
|
}
|
|
|
|
if ( locList )
|
|
this.colorierZoneRencontre( locList );
|
|
|
|
}
|
|
/* -------------------------------------------- */
|
|
checkQuitterTMR() {
|
|
if ( this.actor.data.data.reve.reve.value == 0) {
|
|
ChateMessage.create( { content: "Vos Points de Rêve sont à 0 : vous quittez les Terres médianes !"} );
|
|
this.close();
|
|
}
|
|
if ( this.nbFatigue == this.actor.data.data.sante.fatigue.max ) {
|
|
ChateMessage.create({ content: "Vous vous écroulez de fatigue : vous quittez les Terres médianes !"});
|
|
this.close();
|
|
}
|
|
if ( this.actor.data.data.sante.vie.value == 0 ) {
|
|
ChateMessage.create({ content: "Vous n'avez plus de Points de Vie : vous quittez les Terres médianes !"});
|
|
this.close();
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async maitriser(data) {
|
|
this.actor.deleteTMRRencontreAtPosition(); // Remove the stored rencontre if necessary
|
|
this.updatePreviousRencontres();
|
|
|
|
const draconic = this.actor.getBestDraconic();
|
|
const carac = this.actor.getReveActuel();
|
|
// TODO: ajouter l'état général?
|
|
const etatGeneral = this.actor.data.data.compteurs.etat.value;
|
|
const difficulte = draconic.data.niveau - this.currentRencontre.force + etatGeneral;
|
|
console.log("Maitriser", carac, draconic.data.niveau, this.currentRencontre.force, etatGeneral);
|
|
|
|
let rolled = await RdDResolutionTable.roll(carac, difficulte);
|
|
let message = "<br><strong>Test : Rêve actuel / " + draconic.name + " / " + this.currentRencontre.name + "</strong>" + "<br>"
|
|
+ RdDResolutionTable.explain(rolled);
|
|
|
|
let rencontreData
|
|
if (rolled.isEchec) {
|
|
rencontreData = await TMRUtility.processRencontreEchec(this.actor, this.currentRencontre, rolled, this);
|
|
message += rencontreData.message;
|
|
this._tellToUser("Vous avez <strong>échoué</strong> à maîtriser un " + this.currentRencontre.name + " de force " + this.currentRencontre.force
|
|
+ message);
|
|
if (this.currentRencontre.data.quitterTMR) // Selon les rencontres, quitter TMR ou pas
|
|
this.close();
|
|
} else {
|
|
rencontreData = await TMRUtility.processRencontreReussite(this.actor, this.currentRencontre, rolled);
|
|
message += rencontreData.message;
|
|
this._tellToUser("Vous avez <strong>réussi</strong> à maîtriser un " + this.currentRencontre.name + " de force " + this.currentRencontre.force + message);
|
|
}
|
|
|
|
await this.rencontrePostProcess( rencontreData );
|
|
|
|
console.log("-> matriser", this.currentRencontre);
|
|
this.updateValuesDisplay();
|
|
|
|
this.checkQuitterTMR();
|
|
if ( this.rencontreState == 'reflet' || this.rencontreState == 'tourbillonblanc' || this.rencontreState == 'tourbillonnoir' )
|
|
this.maitriser();
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_tellToUser(message) {
|
|
ChatMessage.create({ content: message, user: game.user._id });
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_tellToGM(message) {
|
|
ChatMessage.create({ content: message, user: game.user._id, whisper: ChatMessage.getWhisperRecipients("GM") });
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async manageRencontre(coordTMR, cellDescr) {
|
|
if (this.viewOnly) {
|
|
return;
|
|
}
|
|
this.currentRencontre = undefined;
|
|
let rencontre = this.rencontresExistantes.find(prev => prev.coord == coordTMR);
|
|
if (rencontre == undefined) {
|
|
let myRoll = new Roll("d7").roll();
|
|
if (myRoll.total == 7) {
|
|
rencontre = await TMRUtility.rencontreTMRRoll(coordTMR, cellDescr);
|
|
}
|
|
}
|
|
if ( TMRUtility.isForceRencontre() )
|
|
rencontre = await TMRUtility.rencontreTMRRoll(coordTMR, cellDescr);
|
|
|
|
if (rencontre) { // Manages it
|
|
if (rencontre.rencontre) rencontre = rencontre.rencontre; // Manage stored rencontres
|
|
console.log("manageRencontre", rencontre)
|
|
this.currentRencontre = duplicate(rencontre);
|
|
|
|
let dialog = new Dialog({
|
|
title: "Rencontre en TMR!",
|
|
content: "Vous recontrez un " + rencontre.name + " de force " + rencontre.force + "<br>",
|
|
buttons: {
|
|
derober: { icon: '<i class="fas fa-check"></i>', label: "Se dérober", callback: () => this.derober() },
|
|
refouler: { icon: '<i class="fas fa-check"></i>', label: "Refouler", callback: () => this.refouler() },
|
|
maitiser: { icon: '<i class="fas fa-check"></i>', label: "Maîtriser", callback: () => this.maitriser() }
|
|
},
|
|
default: "derober"
|
|
});
|
|
dialog.render(true);
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
performRoll(html) {
|
|
if (this.viewOnly) {
|
|
return;
|
|
}
|
|
this.actor.performRoll(this.rollData);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
updateValuesDisplay() {
|
|
let ptsreve = document.getElementById("tmr-pointsreve-value");
|
|
ptsreve.innerHTML = this.actor.data.data.reve.reve.value;
|
|
|
|
let tmrpos = document.getElementById("tmr-pos");
|
|
let tmr = TMRUtility.getTMRDescription(this.actor.data.data.reve.tmrpos.coord);
|
|
tmrpos.innerHTML = this.actor.data.data.reve.tmrpos.coord + " (" + tmr.label + ")";
|
|
|
|
let etat = document.getElementById("tmr-etatgeneral-value");
|
|
etat.innerHTML = this.actor.data.data.compteurs.etat.value;
|
|
|
|
let refoulement = document.getElementById("tmr-refoulement-value");
|
|
refoulement.innerHTML = this.actor.data.data.reve.refoulement.value;
|
|
|
|
let fatigueItem = document.getElementById("tmr-fatigue-table");
|
|
console.log("Refresh : ", this.actor.data.data.sante.fatigue.value);
|
|
fatigueItem.innerHTML = "<table class='table-fatigue'>" + RdDUtility.makeHTMLfatigueMatrix(this.actor.data.data.sante.fatigue.value, this.actor.data.data.sante.endurance.max).html() + "</table>";
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
manageCaseHumideResult() {
|
|
if (this.toclose)
|
|
this.close();
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async manageCaseHumide(cellDescr) {
|
|
if (this.viewOnly) {
|
|
return;
|
|
}
|
|
if (cellDescr.type == "lac" || cellDescr.type == "fleuve" || cellDescr.type == "marais") {
|
|
let draconic = this.actor.getBestDraconic();
|
|
|
|
let carac = this.actor.getReveActuel();
|
|
// TODO: ajouter l'état général?
|
|
const etatGeneral = this.actor.data.data.compteurs.etat.value
|
|
let difficulte = draconic.data.niveau - 7;
|
|
let rolled = RdDResolutionTable.roll(carac, difficulte);
|
|
|
|
console.log("manageCaseHumide >>", rolled);
|
|
|
|
let explication = "";
|
|
this.toclose = rolled.isEchec;
|
|
if (rolled.isEchec) {
|
|
explication += "Vous êtes entré sur une case humide, et vous avez <strong>raté</strong> votre maîtrise ! Vous <strong>quittez les Terres Médianes</strong> !"
|
|
}
|
|
else {
|
|
explication += "Vous êtes entré sur une case humide, et vous avez <strong>réussi</strong> votre maîtrise !"
|
|
}
|
|
explication += "<br><strong>Test : Rêve actuel / " + draconic.name + " / " + cellDescr.type + "</strong>"
|
|
+ RdDResolutionTable.explain(rolled);
|
|
|
|
if (rolled.isETotal) {
|
|
let souffle = RdDRollTables.getSouffle();
|
|
explication += "<br>Vous avez fait un Echec Total. Vous subissez un Souffle de Dragon : " + souffle.name;
|
|
this.actor.createOwnedItem(souffle);
|
|
}
|
|
if (rolled.isPart) {
|
|
explication += "<br>Vous avez fait une Réussite Particulière";
|
|
explication += RdDResolutionTable.buildXpMessage(rolled, difficulte)
|
|
}
|
|
|
|
let humideDiag = new Dialog({
|
|
title: "Case humide",
|
|
content: explication,
|
|
buttons: {
|
|
choice: { icon: '<i class="fas fa-check"></i>', label: "Fermer", callback: () => this.manageCaseHumideResult() }
|
|
}
|
|
}
|
|
);
|
|
humideDiag.render(true);
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async declencheSortEnReserve(coordTMR) {
|
|
if (this.viewOnly) {
|
|
return;
|
|
}
|
|
let sortReserve = this.sortReserves.find(it => it.coord == coordTMR)
|
|
if (sortReserve != undefined) {
|
|
await this.actor.deleteSortReserve(sortReserve.coord);
|
|
this.updateSortReserve();
|
|
console.log("declencheSortEnReserve", sortReserve)
|
|
const declenchementSort = "Vous avez déclenché le sort <strong>" + sortReserve.sort.name
|
|
+ "</strong> en réserve en " + sortReserve.coord + " (" + TMRUtility.getTMRDescription(sortReserve.coord).label
|
|
+ ") avec " + sortReserve.sort.ptreve_reel + " points de Rêve";
|
|
this._tellToUser(declenchementSort);
|
|
this.close();
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
nettoyerRencontre( ) {
|
|
if ( !this.currentRencontre) return; // Sanity check
|
|
if ( this.currentRencontre.graphics) {
|
|
for (let drawRect of this.currentRencontre.graphics) { // Suppression des dessins des zones possibles
|
|
this.pixiApp.stage.removeChild( drawRect );
|
|
}
|
|
}
|
|
this.currentRencontre = undefined; // Nettoyage de la structure
|
|
this.rencontreState = 'aucune'; // Et de l'état
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
processClickPostRencontre( coord ) {
|
|
let deplacementType = "erreur";
|
|
if (this.rencontreState == 'passeur' || this.rencontreState == 'messager' || this.rencontreState == 'changeur') {
|
|
console.log("Searching", this.currentRencontre.locList, coord);
|
|
let isInArea = this.currentRencontre.locList.find(locCoord => locCoord == coord );
|
|
if ( isInArea ) { // OK !
|
|
deplacementType = (this.rencontreState == 'messager') ? 'messager' : 'saut';
|
|
}
|
|
}
|
|
return deplacementType;
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async deplacerDemiReve(event) {
|
|
if (this.viewOnly) {
|
|
return;
|
|
}
|
|
|
|
let origEvent = event.data.originalEvent;
|
|
let myself = event.target.tmrObject;
|
|
|
|
let eventCoord = RdDTMRDialog._computeEventCoord(origEvent);
|
|
let cellx = eventCoord.cellx;
|
|
let celly = eventCoord.celly;
|
|
console.log("deplacerDemiReve >>>>", cellx, celly);
|
|
let currentPos = TMRUtility.convertToCellCoord(myself.actor.data.data.reve.tmrpos.coord);
|
|
let coordTMR = TMRUtility.convertToTMRCoord(cellx, celly);
|
|
|
|
// Validation de la case de destination (gestion du cas des rencontres qui peuvent téléporter)
|
|
let deplacementType = 'erreur';
|
|
if ( myself.rencontreState == 'aucune') { // Pas de recontre en post-processing, donc deplacement normal
|
|
if ( !RdDTMRDialog._horsDePortee(currentPos, cellx, celly) ) {
|
|
deplacementType = 'normal';
|
|
}
|
|
} else {
|
|
deplacementType = myself.processClickPostRencontre( coordTMR );
|
|
}
|
|
// Si le deplacement est valide
|
|
if ( deplacementType == 'normal' || deplacementType == 'saut') {
|
|
if ( myself.currentRencontre != 'normal' )
|
|
myself.nettoyerRencontre();
|
|
let cellDescr = TMRUtility.getTMRDescription(coordTMR);
|
|
|
|
console.log("deplacerDemiReve: TMR column is", coordTMR, cellx, celly, cellDescr, this);
|
|
|
|
let tmrPos = duplicate(myself.actor.data.data.reve.tmrpos);
|
|
tmrPos.coord = coordTMR;
|
|
await myself.actor.update({ "data.reve.tmrpos": tmrPos });
|
|
myself._updateDemiReve(myself);
|
|
myself.nbFatigue += 1;
|
|
myself.updateValuesDisplay();
|
|
|
|
if ( deplacementType == 'normal') { // Pas de rencontres après un saut de type passeur/changeur/...
|
|
await myself.manageRencontre(coordTMR, cellDescr);
|
|
}
|
|
myself.manageCaseHumide(cellDescr);
|
|
await myself.declencheSortEnReserve(coordTMR);
|
|
|
|
} else if (deplacementType == 'messager') { // Dans ce cas, ouverture du lancement de sort sur la case visée
|
|
myself.actor.rollUnSort( coordTMR );
|
|
myself.nettoyerRencontre();
|
|
|
|
} else {
|
|
ui.notifications.error("Vous ne pouvez vous déplacer que sur des cases adjacentes à votre position ou valides dans le cas d'une rencontre");
|
|
console.log("STATUS :", myself.rencontreState, myself.currentRencontre);
|
|
}
|
|
|
|
myself.checkQuitterTMR(); // Vérifier l'état des compteurs reve/fatigue/vie
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async forceDemiRevePosition( coordTMR ) {
|
|
await this.actor.updateCoordTMR(coordTMR);
|
|
this._updateDemiReve(this);
|
|
let cellDescr = TMRUtility.getTMRDescription(coordTMR);
|
|
await this.manageRencontre(coordTMR, cellDescr);
|
|
this.manageCaseHumide(cellDescr);
|
|
await this.declencheSortEnReserve(coordTMR);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
async activateListeners(html) {
|
|
super.activateListeners(html);
|
|
|
|
var row = document.getElementById("tmrrow1");
|
|
var cell1 = row.insertCell(1);
|
|
cell1.append(this.pixiApp.view);
|
|
|
|
if (this.viewOnly) {
|
|
html.find('#lancer-sort').remove();
|
|
}
|
|
else {
|
|
// Roll Sort
|
|
html.find('#lancer-sort').click((event) => {
|
|
this.actor.rollUnSort(this.actor.data.data.reve.tmrpos.coord);
|
|
});
|
|
}
|
|
|
|
// load the texture we need
|
|
await this.pixiApp.loader
|
|
.add('tmr', 'systems/foundryvtt-reve-de-dragon/styles/img/ui/tmp_main_r1.webp')
|
|
.add('demi-reve', "icons/svg/sun.svg")
|
|
.load((loader, resources) => {
|
|
|
|
// This creates a texture from a TMR image
|
|
const mytmr = new PIXI.Sprite(resources.tmr.texture);
|
|
// Setup the position of the TMR
|
|
mytmr.x = 0;
|
|
mytmr.y = 0;
|
|
mytmr.width = 720;
|
|
mytmr.height = 860;
|
|
// Rotate around the center
|
|
mytmr.anchor.x = 0;
|
|
mytmr.anchor.y = 0;
|
|
mytmr.interactive = true;
|
|
mytmr.buttonMode = true;
|
|
mytmr.tmrObject = this;
|
|
if (!this.viewOnly) {
|
|
mytmr.on('pointerdown', this.deplacerDemiReve);
|
|
}
|
|
this.pixiApp.stage.addChild(mytmr);
|
|
|
|
this._addDemiReve();
|
|
this.displayPreviousRencontres();
|
|
this.displaySortReserve();
|
|
|
|
});
|
|
|
|
if (this.viewOnly) {
|
|
return;
|
|
}
|
|
await this.actor.updatePointsDeReve((this.tmrdata.isRapide) ? -2 : -1); // 1 point defatigue
|
|
this.updateValuesDisplay();
|
|
let cellDescr = TMRUtility.getTMRDescription(this.actor.data.data.reve.tmrpos.coord);
|
|
await this.manageRencontre(this.actor.data.data.reve.tmrpos.coord, cellDescr);
|
|
this.manageCaseHumide(cellDescr);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
static _computeEventCoord(origEvent) {
|
|
let canvasRect = origEvent.target.getBoundingClientRect();
|
|
let x = origEvent.clientX - canvasRect.left;
|
|
let y = origEvent.clientY - canvasRect.top;
|
|
let cellx = Math.floor(x / tmrConstants.cellw); // [From 0 -> 12]
|
|
y -= (cellx % 2 == 0) ? tmrConstants.col1_y : tmrConstants.col2_y;
|
|
let celly = Math.floor(y / tmrConstants.cellh); // [From 0 -> 14]
|
|
return { cellx, celly };
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
static _horsDePortee(pos, cellx, celly) {
|
|
return Math.abs(cellx - pos.x) > 1
|
|
|| Math.abs(celly - pos.y) > 1
|
|
|| (pos.y == 0 && celly > pos.y && cellx != pos.x && pos.x % 2 == 0)
|
|
|| (celly == 0 && celly < pos.y && cellx != pos.x && pos.x % 2 == 1);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_tokenRencontre(rencontre) {
|
|
let sprite = new PIXI.Graphics();
|
|
sprite.beginFill(0x767610, 0.6);
|
|
sprite.drawCircle(0, 0, 6);
|
|
sprite.endFill();
|
|
sprite.decallage = {
|
|
x: (tmrConstants.cellw / 2) - 16,
|
|
y: 16 - (tmrConstants.cellh / 2)
|
|
};
|
|
return { sprite: sprite, rencontre: rencontre, coordTMR: () => rencontre.coord };
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_tokenSortEnReserve(sort) {
|
|
let sprite = new PIXI.Graphics();
|
|
sprite.beginFill(0x101010, 0.8);
|
|
sprite.drawCircle(0, 0, 6);
|
|
sprite.endFill();
|
|
sprite.decallage = {
|
|
x: 16 - (tmrConstants.cellw / 2),
|
|
y: 16 - (tmrConstants.cellh / 2)
|
|
}
|
|
return { sprite: sprite, sort: sort, coordTMR: () => sort.coord }
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_tokenDemiReve() {
|
|
let texture = PIXI.utils.TextureCache['demi-reve'];
|
|
let sprite = new PIXI.Sprite(texture);
|
|
sprite.width = tmrConstants.cellw * 0.7;
|
|
sprite.height = tmrConstants.cellh * 0.7;
|
|
sprite.anchor.set(0.5);
|
|
sprite.tint = 0x00FFEE;
|
|
return { sprite: sprite, actor: this.actor, coordTMR: () => this.actor.data.data.reve.tmrpos.coord }
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_addDemiReve() {
|
|
this.demiReve = this._tokenDemiReve();
|
|
this._setTokenPosition(this.demiReve);
|
|
this.pixiApp.stage.addChild(this.demiReve.sprite);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_updateDemiReve(myself) {
|
|
myself._setTokenPosition(myself.demiReve);
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
/** Retourne les coordonnées x, h, w, h du rectangle d'une case donnée */
|
|
_getCaseRectangleCoord( coord ) {
|
|
let coordXY = TMRUtility.convertToCellCoord( coord );
|
|
let decallagePairImpair = (coordXY.x % 2 == 0) ? tmrConstants.col1_y : tmrConstants.col2_y;
|
|
let x = tmrConstants.gridx + (coordXY.x * tmrConstants.cellw) - (tmrConstants.cellw /2);
|
|
let y = tmrConstants.gridy + (coordXY.y * tmrConstants.cellh) - (tmrConstants.cellh /2) + decallagePairImpair;
|
|
return {x: x, y: y, w: tmrConstants.cellw, h: tmrConstants.cellh}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_setTokenPosition(token) {
|
|
let coordXY = TMRUtility.convertToCellCoord(token.coordTMR());
|
|
let decallagePairImpair = (coordXY.x % 2 == 0) ? tmrConstants.col1_y : tmrConstants.col2_y;
|
|
let dx = (token.sprite.decallage == undefined) ? 0 : token.sprite.decallage.x;
|
|
let dy = (token.sprite.decallage == undefined) ? 0 : token.sprite.decallage.y;
|
|
token.sprite.x = tmrConstants.gridx + (coordXY.x * tmrConstants.cellw) + dx;
|
|
token.sprite.y = tmrConstants.gridy + (coordXY.y * tmrConstants.cellh) + dy + decallagePairImpair;
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_removeTokens(filter) {
|
|
const tokensToRemove = this.allTokens.filter(filter);
|
|
for (let token of tokensToRemove) {
|
|
this.pixiApp.stage.removeChild(token.sprite);
|
|
}
|
|
}
|
|
|
|
/* -------------------------------------------- */
|
|
_trackToken(token) {
|
|
this.allTokens.push(token)
|
|
this._setTokenPosition(token);
|
|
this.pixiApp.stage.addChild(token.sprite);
|
|
}
|
|
|
|
}
|
|
|