diff --git a/frontend/js/fr/texts.js b/frontend/js/fr/texts.js
index d4b852d..92b9b54 100644
--- a/frontend/js/fr/texts.js
+++ b/frontend/js/fr/texts.js
@@ -159,7 +159,7 @@ const texts = {
la main va valoir beaucoup de point en cas de victoire.
La plupart du temps, il suffit de connaitre quelques yakus pour pouvoir jouer et
- s'amuser. Parmi eux, se trouvent:
+ s'amuser. Par exemple:
- brelan de dragon
- brelan d'Est, ou de son propre vent
- main (semie) pure: toutes les tuiles (plus des vents/dragons) de la même famille
diff --git a/frontend/pages/riichi/chap8.html b/frontend/pages/riichi/chap8.html
index 0c63f36..6fa2c1b 100644
--- a/frontend/pages/riichi/chap8.html
+++ b/frontend/pages/riichi/chap8.html
@@ -39,6 +39,22 @@
display: flex;
}
+ [id^="tiles-display"] {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 5px;
+ padding: 20px;
+ }
+
+ #tiles-container {
+ display: flex;
+ justify-content: center;
+ align-items: flex-start;
+ gap: 10px;
+ padding: 20px;
+ }
+
h2 {
text-align: center;
margin-top: 40px;
@@ -49,6 +65,34 @@
+
+ Brelan de valeur (dragons, Est ou vent du joueur)
+
+
+ Tout ordinaire
+
+
+ Triple suite
+
+
+ Suite pure
+
+
+ Pure
+
+
+ Semie pure
+
+
+ 7 paires
+
+
+ Tout brelan
+
+
+ Pinfu (uniquement suites + double attente)
+
+
@@ -74,6 +118,34 @@
? '
'
: '
';
});
+
+ // Fonction utilitaire pour afficher les tuiles
+ function displayTiles(displayId, tileIndices) {
+ fetch('/api/tiles')
+ .then(r => r.json())
+ .then(data => {
+ const display = document.getElementById(displayId);
+ tileIndices.forEach(idx => {
+ const tile = data.tiles[idx];
+ if (tile) {
+ const tileDiv = document.createElement('div');
+ tileDiv.innerHTML = tile.svg;
+ display.appendChild(tileDiv);
+ }
+ });
+ })
+ .catch(error => console.error('Erreur:', error));
+ }
+
+ displayTiles('tiles-display', [4, 5, 6, 8, 8, 8, 14, 14, 24, 25, 26, 32, 32, 32]);
+ displayTiles('tiles-display-2', [4, 5, 6, 7, 7, 7, 14, 14, 20, 21, 22, 24, 24, 24]);
+ displayTiles('tiles-display-3', [4, 5, 6, 13, 14, 15, 22, 23, 24, 17, 17, 20, 20, 20]);
+ displayTiles('tiles-display-4', [9, 10, 11, 12, 13, 14, 15, 16, 17, 23, 23, 23, 27, 27]);
+ displayTiles('tiles-display-5', [18, 18, 18, 20, 21, 22, 21, 22, 23, 25, 25, 26, 26, 26]);
+ displayTiles('tiles-display-6', [18, 18, 18, 20, 21, 22, 21, 22, 23, 25, 25, 27, 27, 27]);
+ displayTiles('tiles-display-7', [1, 1, 6, 6, 18, 18, 19, 19, 24, 24, 28, 28, 30, 30]);
+ displayTiles('tiles-display-8', [2, 2, 2, 7, 7, 7, 20, 20, 25, 25, 25, 29, 29, 29]);
+ displayTiles('tiles-display-9', [1, 2, 3, 9, 10, 11, 15, 16, 17, 20, 21, 28, 28])