Adrien/Riichi
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

the discards stopped moving

Browse source
This commit is contained in:
Didictateur 2026-03-13 23:00:23 +01:00
parent 39c1cc7d69
commit 4dabff91d3
1 changed files with 25 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
frontend/pages/riichi/chap5.html
View file

@ -142,11 +142,9 @@
transform: translate(-50%, 50%); transform: translate(-50%, 50%);
bottom: 25%; bottom: 25%;
left: 50%; left: 50%;
display: flex; display: block;
flex-direction: row; width: 250px;
gap: 2px; height: auto;
flex-wrap: wrap;
width: 400px;
padding: 10px; padding: 10px;
} }
@ -155,11 +153,9 @@
transform: translate(-50%, -400%) rotate(-90deg) translate(0%, 450%); transform: translate(-50%, -400%) rotate(-90deg) translate(0%, 450%);
bottom: -25%; bottom: -25%;
left: 50%; left: 50%;
display: flex; display: block;
flex-direction: row; width: 250px;
gap: 2px; height: auto;
flex-wrap: wrap;
width: 400px;
padding: 10px; padding: 10px;
} }
@ -168,11 +164,9 @@
transform: translate(-50%, -400%) rotate(180deg) translate(0%, 450%); transform: translate(-50%, -400%) rotate(180deg) translate(0%, 450%);
bottom: -25%; bottom: -25%;
left: 50%; left: 50%;
display: flex; display: block;
flex-direction: row; width: 250px;
gap: 2px; height: auto;
flex-wrap: wrap;
width: 400px;
padding: 10px; padding: 10px;
} }
@ -181,11 +175,9 @@
transform: translate(-50%, -400%) rotate(90deg) translate(0%, 450%); transform: translate(-50%, -400%) rotate(90deg) translate(0%, 450%);
bottom: -25%; bottom: -25%;
left: 50%; left: 50%;
display: flex; display: block;
flex-direction: row; width: 250px;
gap: 2px; height: auto;
flex-wrap: wrap;
width: 400px;
padding: 10px; padding: 10px;
} }
@ -335,10 +327,22 @@
for (let i = 0; i < 4; i++) { for (let i = 0; i < 4; i++) {
const discardDiv = document.getElementById(`discard-${i}`); const discardDiv = document.getElementById(`discard-${i}`);
discardDiv.innerHTML = ''; discardDiv.innerHTML = '';
for (const tile of game.discards[i].tiles) { for (let tileIndex = 0; tileIndex < game.discards[i].tiles.length; tileIndex++) {
const tile = game.discards[i].tiles[tileIndex];
const tileDiv = document.createElement('div'); const tileDiv = document.createElement('div');
tileDiv.className = 'discard-tile'; tileDiv.className = 'discard-tile';
tileDiv.innerHTML = tile.getSVG(); tileDiv.innerHTML = tile.getSVG();
// Calculer la position en grille (6 tuiles par ligne)
const row = Math.floor(tileIndex / 6);
const col = tileIndex % 6;
const x = col * 37; // 35px width + 2px gap
const y = row * 52; // 50px height + 2px gap
tileDiv.style.position = 'absolute';
tileDiv.style.left = x + 'px';
tileDiv.style.top = y + 'px';
discardDiv.appendChild(tileDiv); discardDiv.appendChild(tileDiv);
} }
} }