From d8ef8022e00ee910f559bd4d272c86b97e79b850 Mon Sep 17 00:00:00 2001 From: Didictateur Date: Tue, 24 Feb 2026 19:55:14 +0100 Subject: [PATCH] chap 8 done --- frontend/js/fr/texts.js | 2 +- frontend/pages/riichi/chap8.html | 72 ++++++++++++++++++++++++++++++++ 2 files changed, 73 insertions(+), 1 deletion(-) 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 @@ ? 'Tilineau' : 'Tilineau'; }); + + // 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]) \ No newline at end of file