Modification du plateau de jeu

• Ajout d'images
• Ajout de textes (à notre que ces textes seront internationalisés un jour ou l'autre)

=> En réalité = ajout d'une pyramide (= triangle)

Ref fresque-oceane#1 Ref fresque-alimentation#8

État actuel

Au niveau des fichiers fresk.json, il y a un champ background et on peut spécifier des shape

Ex.

"background": [
    {
        "shape": "rectangle",
        "fillStyle": "#ed0b00",
        "x": 3,
        "y": -1.5,
        "width": 1,
        "height": 2.5
    },
    ...
]

Au niveau de FreskVisJsInterface.vue, il y a une fonction drawBackground qui dessine directement un rectangle en utilisant les fonctions de dessin de HTMLCanvas (ctx.lineTo).

Ces éléments ne peuvent pas être modifiés dans le CMS.

Proposition

La proposition serait d’enrichir le type de shape, par ex. avec un élément path

{
  "shape": "path",
  "fillStyle": "#eee#,
  "path": "M..." # un chemin svg
}

Ce chemin svg serait ensuite converti en des fonctions html canvas (voir ce code pour l’exemple).

Tâches à faire

• Mettre à jour le schéma de validation ;
• Ajouter des tests pour ce schéma ;
• Documenter
• Faire l’affichage du path