Archives de l'année 2022

Tintecrabe

Jeu de plateau en ligne multijoueur

Tintecrabe

TL;DR : le jeu se trouve ici.

Historique

J’ai profité du premier confinement, il y a plus de deux ans, pour démarrer un développement que j’avais en tête depuis un moment : une version web du jeu de plateau Carcassonne, de Klaus-Jürgen Wrede. En effet, ça faisait quelques années, que je réalisais de temps en temps des petites extensions et que l’idée d’avoir un environnement pour les tester sans avoir à réaliser les tuiles physiques, trouver des pions, etc. m’intéressait.

Du coup comme j’avais un peu de temps entre le télétravail et le chômage partiel, je me suis lancé. C’est parti comme un PoC, juste pour voir si c’était compliqué de rendre un plateau, placer des tuiles, etc. Finalement, comme souvent ça s’est avéré à la fois plus simple et plus compliqué que prévu ‘^^

Mais surtout ça a largement dépassé le stade du PoC pour arriver en quelques mois à quelque chose de tout à fait jouable. Et deux ans après, on en est à quelque chose d’assez abouti. Je rajoute régulièrement des nouveaux éléments et des améliorations d’ergonomie, mais les base ne changent plus trop.

J’ai rapidement évacué l’idée de rester proche de Carcassonne pour prendre mes distances à chaque fois que ça m’arrangeait : le vocabulaire reste proche de la version française d’origine, avec un certain nombre de différences. De même, si les pions et tuiles de base sont très proches, au fur et à mesure que j’ajoute des nouvelles choses, on part de plus en plus loin.

Les règles de base sont sensiblement les mêmes, mais là aussi, avec certaines différences, issues soit de contraintes techniques (j’ai simplifié certains éléments qui ne me semblaient pas apporter grand-chose), soit d’adaptations de règles qu’on applique lorsqu’on joue en famille et qui collent mieux à notre façon de jouer ou bien qui s’adaptent mieux à certaines extensions.

J’ai aussi fait un autre choix : n’utiliser aucun élément graphique du jeu d’origine. Je dessine toutes les tuiles, pions, etc (même si les premiers éléments sont très proches de ceux de Carcassonne). Ceci, pour être libéré de toute contrainte que pourrait m’imposer l’ayant droit, mais aussi parce que c’est plus satisfaisant d’avoir tout réalisé soi-même. De plus, c’est plus simple d’avoir un style homogène si c’est moi qui fais tout.

Le jeu

Le jeu est disponible ici et peut être joué soit localement (les joueurs se relaient sur la même machine), soit en ligne (l’un des joueur crée la partie puis envoie son identifiant serveur aux autres).

Tintecrabe - page d'accueil
Tintecrabe - page d'accueil

Une fois le jeu lancé, il fonctionne à peu près comme Carcassonne : on pioche une tuile, on la place sur le plateau, puis on y place éventuellement un pion.

Tintecrabe - écran de jeu
Tintecrabe - écran de jeu

Les différentes extensions et règles optionnelles apportent ensuite une foule de possibilités supplémentaires que je ne vais pas détailler ici et vous laisse découvrir.

Le jeu évolue régulièrement, donc n’hésitez pas à me signaler les bugs que vous rencontrez et me remonter vos idées, que ce soit ici ou sur Mastodon.

Aller plus loin

Hors-mis la mise en relation via l’identifiant serveur, tout se passe entre navigateurs et le “serveur” ne fait que servir des ressources statiques, ce qui veut dire que vous pouvez également vous installer le jeu en local depuis le dépôt GitLab et y apporter les modifications que vous souhaitez, voire déployer votre propre version personnalisée sur n’importe quel serveur (le code est sous licence MPL, donc faites-vous plaisir). Je n’ai pas trop documenté l’installation, du coup si vous rencontrez des problèmes à ce niveau, n’hésitez pas à me contacter, ici ou sur Mastodon.


Quelques trucs sur Firefox #5

Ajouter plusieurs onglets aux favoris, raccourci clavier de développement et suppression de suggestion dans un champ texte

Suppression d’une suggestion enregistrée dans un champ input

Ah ben après pas mal de recherches, j’ai fini par retrouver comment supprimer une suggestion enregistrée sur un input dans #Firefox.

Jusqu’à une certaine version (autour de 50 de mémoire), il suffisait de survoler la suggestion et d’appuyer sur la touche “suppr”. Mais depuis ça ne fonctionne plus, donc j’ai longtemps cru que c’était une autre fonctionnalité supprimée (j’ai l’habitude avec Mozilla).

Mais en fait non, c’est encore possible, c’est juste plus compliqué : ce n’est plus l’option survolée qui est supprimée, mais l’option sélectionnée.

Pour sélectionner une option j’ai trouvé deux solutions :

  • au clavier : défiler avec les flèches
  • à la souris : maintenir le clic gauche ou droit sur l’élément (mais attention en relâchant, l’élément finalement sélectionné sera appliqué au champ)

Y a pas à dire, c’est super intuitif et user friendly. Merci Mozilla \o/

Masquer un élément du DOM depuis les outils de développement

Pour facilement masquer un élément du DOM depuis les outils de développement, il suffit de sélectionner celui-ci dans l’inspecteur puis de presser la touche H pour le masquer puis à nouveau pour le ré-afficher. Plus pratique que de coller des display: none ou autres.

Apparemment ça fonctionne également sur Chrome et Safari.

Mettre en favoris plusieurs onglets à la fois

Fut un temps, Firefox proposait un bouton “marquer tous les onglets” pour mettre en une fois l’ensemble des onglets en favoris (ou marque-pages, signets, bookmark, ou tout autre terme qui vous plaira).

Cette option a disparu, mais il reste possible de le faire. Comme souvent avec Mozilla et les options qu’ils jugent trop avancées pour leurs utilisateurs, c’est plus compliqué qu’avant, mais pour une fois, on y gagne en possibilités (c’est assez rare pour le souligner, d’habitude c’est juste plus chiant).

Voici la marche à suivre :

  1. faire un clic droit sur un onglet et cliquer sur “sélectionner tous les onglets”
  2. c’est à cette étape qu’on y gagne par rapport à avant : via ctrl + clic gauche, vous pouvez dé-sélectionner certains onglets
  3. ensuite, faire un nouveau clic droit sur l’un des onglets sélectionnés puis cliquer sur “marquer ces onglets”
  4. on retombe alors sur la modale habituelle pour enregistrer un favori en choisissant son nom et son emplacement

Dans le cas où vous ne voulez marquer que quelques onglets, il est aussi possible de sauter l’étape 1 et sélectionner l’ensemble des onglets voulus via ctrl + clic gauche.

(source)


Quelques extensions pour Firefox #10

Réduction du pistage, flux RSS et navigation sans compte sur Pinterest

pinterest-guest

Je n’utilise pas des masses Pinterest mais il m’arrive l’une ou l’autre fois de tomber dessus.

Cette extension permet de naviguer sur Pinterest sans compte en supprimant l’overlay demandant de s’enregistrer.

D’autres extensions équivalentes existent, mais celle-ci est semble-t-il la seule à limiter la demande de permissions au strict nécessaire (l’accès aux données sur les différents domaines de Pinterest, là où les autres le demandent sur tous les sites).

Malheureusement elle ne permet pas de faciliter l’enregistrement d’image sans authentification…

ClearURLs

Cette extension nettoie les URLs parcourues en supprimant les paramètres destinés au traçage de la navigation.

Cela permet à la fois de réduire le niveau de surveillance des sites sur votre navigation et d’avoir directement des URLs nettoyées dans la barre d’adresse, ce qui éviter de partager des URL à rallonge pour rien.

Feed Preview

Cette extension détecte les flux RSS et Atom référencés dans les pages web.

Je l’utilise maintenant en remplacement d’Awesome RSS, car elle a l’avantage en plus de proposer un rendu lisible des flux lorsqu’on les visualise dans le navigateur.

C’est pratique notamment lorsque je cherche à télécharger une émission sur le site de Radio France, où le moyen de plus facile de trouver un lien de téléchargement reste le flux RSS.


Extension perso Carcassonne : Monuments

Voici une autre extension pour Carcassonne.

Elle s’inspire en ce qui concerne les grandes tuiles de l’extension non-officielle The Lake.

Monuments

Matériel

  • 4 nouvelles grandes tuiles Terrain de taille 2x2
  • 4 nouvelles tuiles Terrain de taille normale représentant une miniature des grandes
  • 10 petits pions de sa couleur pour chaque joueur, par exemple des cubes comme ceux-là
  • 40 jetons Renommée, par exemple des jetons en forme de cœur comme ceux-là
Grande tuile contenant un Monument Petit tuile représentant une miniature de la grande tuile précédente

Mise en place

Mélanger les 4 nouvelles tuiles de taille normale avec les autres tuiles Terrain.

Les 4 grandes tuiles sont mises de côté jusqu’à ce que l’une des petites tuiles soit piochée.

Chaque joueur ajoute ses 10 cubes à sa réserve de pions.

Pioche d’une tuile Terrain

Lorsqu’un joueur pioche l’une des tuiles Terrain représentant un monument, il la met de côté et joue à la place la grande tuile correspondante.

Placement des tuiles Terrain

Les règles de placement des tuiles Monument sont les mêmes que pour les autres tuiles, si ce n’est qu’étant plus grandes, il sera plus difficile de trouver un emplacement compatible.

Placement des partisans

Lors du placement d’une tuile Monument, il est possible de jouer un partisan sur le monument ent tant qu’Architecte à la place de l’action principale du tour.

Il est également possible de jouer un de ses cubes sur l’une des quatre cases Objectifs de la tuile. Chaque case Objectif comporte à gauche un schéma des tuiles qui doivent être présentes autour du monument pour remplir l’objectif et à droite la récompense associée.

À chaque fois qu’un joueur place une tuile qui poursuit au moins un des objectifs d’une tuile monument, il peut jouer un de ses cubes sur l’un de ces Objectifs à la place de jouer un partisan.

Enfin on place automatiquement un cube du joueur qui complète l’objectif en plaçant la dernière tuile du schéma (en plus de l’action classique de jouer un partisan).

Évaluation des structures complétées

Chaque objectif présente à sa gauche un schéma des tuiles à placer pour le compléter :

Récompense point

Il s’interprète comme suit :

  • les 4 cases sombres au centre représentent la tuile Monument
  • les cases rouges représentent les tuiles qui doivent être placées pour compléter l’objectif
  • les cases blanches représentent les cases n’intervenant pas dans l’objectif

Lorsqu’un objectif est complété, chaque joueur reçoit autant de fois la récompense indiquée qu’il a de cubes sur cet objectif et récupère ses cubes.

Les symboles de récompenses sont les suivants :

  • Récompense point : rapporte un point
  • Récompense jeton Renommée : rapporte un jeton Renommée
  • Récompense Pont : rapporte un Pont (de l’extension officielle Ponts, Forteresses & Bazars)
  • Récompense Maison : rapporte une Maison (de ma mini-extension Murs et Maisons)
  • Récompense Mur : rapporte un Mur (de ma mini-extension Murs et Maisons)

Lorsque le dernier objectif d’un monument est complété, si un partisan est placé dessus, son propriétaire gagne 40 points et récupère son partisan. Si, d’une manière ou d’une autre, plusieurs partisans sont placés sur le même monument, les règles habituelles s’appliquent pour déterminer qui le contrôle et gagne les points.

Évaluation en fin de partie

En fin de partie, les cubes placés sur des objectifs incomplets ne rapportent rien. Par contre, les partisans placés sur des monuments incomplets rapportent à leur propriétaire 10 points pour chaque objectif rempli présent sur la tuile.

De plus, chaque joueur gagne également des points en fonction des jetons Renommée en sa possession :

  • 1 point par jeton s’il en a moins de 5
  • 2 points par jeton s’il en a entre 5 et 9
  • 3 points par jeton s’il en a entre 10 et 14
  • 4 points par jeton s’il en a 15 ou plus

Précisions et interactions avec d’autres extensions

Deux des tuiles contiennent des Chappa’ai, leur fonctionnement est décrit dans mon extension Chappa’ai.

L’une des tuiles contient du désert et une oasis, leur fonctionnement est décrit dans mon extension Déserts.

Téléchargement des nouvelles tuiles

Les tuiles sont téléchargeables au format PDF (~9,5Mo).