Améliorations des tmr

* fermeture des cités
* utilisations d'icônes pour les cases spéciales, rencontres, sorts
en réserve
* séparation pixi/actions TMR / définition des cases spéciales

fixes divers:
* #153 lancer de sort si draconic utilise compétence autre que rêve
* #152: table de résolution doublée sur cht points de rêve
* /table n'affichait plus les résultats suite à chgt sur souffles/queues

module/tmr/pixi-tmr.js

@@ -0,0 +1,148 @@
+import { tmrConstants } from "../tmr-utility.js";
+
+const tooltipStyle = new PIXI.TextStyle({
+  fontFamily: 'CaslonAntique',
+  fontSize: 18,
+  fill: '#FFFFFF',
+  stroke: '#000000',
+  strokeThickness: 3
+});
+
+
+export class PixiTMR {
+
+  static textures = []
+
+  constructor(tmrObject, pixiApp) {
+    this.tmrObject = tmrObject;
+    this.pixiApp = pixiApp ?? tmrObject.pixiApp;
+    this.callbacksOnAnimate = [];
+  }
+
+  load(onLoad = (loader, resources) => {}) {
+    let loader = this.pixiApp.loader;
+    for (const [name, img] of Object.entries(PixiTMR.textures)) {
+      loader = loader.add(name, img);
+    }
+    loader.load((loader, resources) => {
+      onLoad(loader, resources);
+      for (let onAnimate of this.callbacksOnAnimate) {
+        onAnimate();
+      }
+    });
+  }
+
+  static register(name, img) {
+    PixiTMR.textures[name] = img;
+  }
+
+  animate(animation = pixiApp=>{})
+  {
+    this.callbacksOnAnimate.push(() => animation(this.pixiApp));
+  }
+
+  carteTmr(code) {
+    const carteTmr = new PIXI.Sprite(PIXI.utils.TextureCache[code]);
+    // Setup the position of the TMR
+    carteTmr.x = 0;
+    carteTmr.y = 0;
+    carteTmr.width = 720;
+    carteTmr.height = 860;
+    // Rotate around the center
+    carteTmr.anchor.set(0);
+    carteTmr.interactive = true;
+    carteTmr.buttonMode = true;
+    carteTmr.tmrObject = this;
+    // atténue les couleurs des TMRs
+    const tmrColorFilter = new PIXI.filters.ColorMatrixFilter();
+    tmrColorFilter.contrast(1);
+    tmrColorFilter.brightness(0.2);
+    tmrColorFilter.saturate(-0.5);
+    carteTmr.filters = [tmrColorFilter];
+    if (!this.tmrObject.viewOnly) {
+      carteTmr.on('pointerdown', event => this.onClickBackground(event));
+    }
+    this.pixiApp.stage.addChild(carteTmr);
+    return carteTmr;
+  }
+
+  sprite(code, options = {}) {
+    const texture = PIXI.utils.TextureCache[code];
+    if (!texture) {
+      console.error("Texture manquante", code)
+      return;
+    }  
+    let sprite = new PIXI.Sprite(texture);
+    sprite.width = options.taille ?? tmrConstants.half;
+    sprite.height = options.taille ?? tmrConstants.half;
+    sprite.anchor.set(0.5);
+    sprite.tint = options.color ?? 0x000000;
+    sprite.alpha = options.alpha ?? 0.75;
+    sprite.decallage = options.decallage ?? tmrConstants.center;
+    this.pixiApp.stage.addChild(sprite);
+    return sprite;
+  }  
+  
+  circle(name, options = {}) {
+    let sprite = new PIXI.Graphics();
+    sprite.beginFill(options.color, options.opacity);
+    sprite.drawCircle(0, 0, (options.taille ?? 12) / 2);
+    sprite.endFill();
+    sprite.decallage = options.decallage ?? tmrConstants.topLeft;
+    this.pixiApp.stage.addChild(sprite);
+    return sprite;
+  }
+
+  addTooltip(sprite, text) {
+    if (text) {
+      sprite.tooltip = new PIXI.Text(text, tooltipStyle);
+      sprite.isOver = false;
+      sprite.interactive = true;
+      sprite.on('pointerdown', event => this.onClickBackground(event))
+        .on('pointerover', () => this.onShowTooltip(sprite))
+        .on('pointerout', () => this.onHideTooltip(sprite));
+    }
+  }
+  
+
+  onClickBackground(event) {
+    this.tmrObject.onClickTMR(event)
+  }
+
+  onShowTooltip(sprite) {
+    if (sprite.tooltip) {
+
+      if (!sprite.isOver) {
+        sprite.tooltip.x = sprite.x;
+        sprite.tooltip.y = sprite.y;
+        this.pixiApp.stage.addChild(sprite.tooltip);
+      }
+      sprite.isOver = true;
+    }
+  }
+
+  onHideTooltip(sprite) {
+    if (sprite.tooltip) {
+      if (sprite.isOver) {
+        this.pixiApp.stage.removeChild(sprite.tooltip);
+      }
+      sprite.isOver = false;
+    }
+  }
+
+  setPosition( sprite, pos) {
+    let decallagePairImpair = (pos.x % 2 == 0) ? tmrConstants.col1_y : tmrConstants.col2_y;
+    let dx = (sprite.decallage == undefined) ? 0 : sprite.decallage.x;
+    let dy = (sprite.decallage == undefined) ? 0 : sprite.decallage.y;
+    sprite.x = tmrConstants.gridx + (pos.x * tmrConstants.cellw) + dx;
+    sprite.y = tmrConstants.gridy + (pos.y * tmrConstants.cellh) + dy + decallagePairImpair;
+  }
+
+  getCaseRectangle(pos) {
+    let decallagePairImpair = (pos.x % 2 == 0) ? tmrConstants.col1_y : tmrConstants.col2_y;
+    let x = tmrConstants.gridx + (pos.x * tmrConstants.cellw) - (tmrConstants.cellw / 2);
+    let y = tmrConstants.gridy + (pos.y * tmrConstants.cellh) - (tmrConstants.cellh / 2) + decallagePairImpair;
+    return { x: x, y: y, w: tmrConstants.cellw, h: tmrConstants.cellh };
+  }
+
+}