Retrouvez votre pion : plus gros, et toujours six par case
Les pions du plateau faisaient 15 pixels et se perdaient facilement. Ils sont désormais une fois et demie plus grands — et s’empilent le long de la case au lieu d’en déborder.
En clair
Les pastilles de couleur qui parcourent le plateau faisaient 15 pixels de large. Sur un téléphone, avec cinq autres joueurs sur le même plateau, retrouver le sien demandait un vrai effort — alors que savoir où l’on se trouve est la chose la plus élémentaire qu’un jeu de plateau demande à son affichage.
Ils font maintenant 23 pixels, environ une fois et demie plus, avec l’anneau blanc, le halo du joueur actif et l’animation de saut mis à l’échelle dans la même proportion. Rien d’autre n’a changé sur le plateau : mêmes couleurs, mêmes cases, même disposition.
Pour les curieux techniques
Le changement de taille tenait dans un seul composant : diamètre, épaisseur de l’anneau et halo dérivent d’un même jeton, et l’arc du saut a été relevé en conséquence. La feuille de styles compilée confirme que l’ancienne valeur a disparu, et pas seulement qu’elle est surchargée.
La correction de la disposition était la moitié intéressante. Les pions étaient posés en ligne flex horizontale : correct pour un pion, faux pour quatre. Sur les cases étroites du haut et du bas — et dans le coin, qui peut en accueillir six — ils débordaient tout simplement, et le flux flex doublait le décalage censé les déployer en éventail.
// Board.tsx — absolute-centred, offset along the cell's LONG axis
const offset = (i - (count - 1) / 2) * STACK_STEP;
const style = vertical
? { transform: `translate(-50%, calc(-50% + ${offset}px))` } // top/bottom + corners
: { transform: `translate(calc(-50% + ${offset}px), -50%)` }; // left/right columnsLa vérification exigeait un navigateur, pas un test : la disposition a été rendue aux dimensions réelles des cases pour chaque effectif de deux à six et pour chaque orientation, puis inspectée à la recherche de rognages. C’est aussi ainsi que le débordement d’origine a été trouvé : il est invisible dans un test unitaire, parce que rien n’y est faux tant que ce n’est pas dessiné.