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

update tilineau img

Browse source
This commit is contained in:
Didictateur 2026-02-23 16:42:27 +01:00
parent af5909936c
commit 024190f943
5 changed files with 10 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/pages/chap1.html
View file

@ -167,7 +167,7 @@
// Afficher la mascotte // Afficher la mascotte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
// Afficher le texte de bienvenue // Afficher le texte de bienvenue
document.getElementById('speech-text').innerHTML = texts.riichi.chap1; document.getElementById('speech-text').innerHTML = texts.riichi.chap1;
@ -179,7 +179,7 @@
if (speechBubble.classList.contains('visible')) { if (speechBubble.classList.contains('visible')) {
mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">';
} else { } else {
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
} }
}); });

4
frontend/pages/chap2.html
View file

@ -141,7 +141,7 @@
// Afficher la mascotte // Afficher la mascotte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
// Afficher le texte de bienvenue // Afficher le texte de bienvenue
document.getElementById('speech-text').innerHTML = texts.riichi.chap2; document.getElementById('speech-text').innerHTML = texts.riichi.chap2;
@ -153,7 +153,7 @@
if (speechBubble.classList.contains('visible')) { if (speechBubble.classList.contains('visible')) {
mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/speaking.png" alt="Tilineau">';
} else { } else {
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
} }
}); });

6
frontend/pages/chap3.html
View file

@ -28,7 +28,7 @@
} }
.speech-bubble { .speech-bubble {
position: fixed; position: absolute;
bottom: 200px; bottom: 200px;
right: 170px; right: 170px;
z-index: 1; z-index: 1;
@ -99,7 +99,7 @@
// Afficher la mascotte et le texte // Afficher la mascotte et le texte
const mascolteEl = document.getElementById('mascotte'); const mascolteEl = document.getElementById('mascotte');
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">'; mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
document.getElementById('speech-text').innerHTML = texts.riichi.chap3; document.getElementById('speech-text').innerHTML = texts.riichi.chap3;
// Toggle bulle de dialogue au clic sur la mascotte // Toggle bulle de dialogue au clic sur la mascotte
@ -107,7 +107,7 @@
mascolteEl.addEventListener('click', () => { mascolteEl.addEventListener('click', () => {
speechBubble.classList.toggle('visible'); speechBubble.classList.toggle('visible');
mascolteEl.innerHTML = speechBubble.classList.contains('visible') mascolteEl.innerHTML = speechBubble.classList.contains('visible')
? '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">' ? '<img class="explaining" src="/img/tilineau/idle.png" alt="Tilineau">'
: '<img src="/img/tilineau/speaking.png" alt="Tilineau">'; : '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
}); });

BIN
img/tilineau/idle.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.2 MiB

3
index.html
View file

@ -90,6 +90,9 @@
const speechBubble = document.querySelector('.speech-bubble'); const speechBubble = document.querySelector('.speech-bubble');
mascolteEl.addEventListener('click', () => { mascolteEl.addEventListener('click', () => {
speechBubble.classList.toggle('hidden'); speechBubble.classList.toggle('hidden');
mascolteEl.innerHTML = speechBubble.classList.contains('hidden')
? '<img class="explaining" src="/img/tilineau/idle.png" alt="Tilineau">'
: '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
}); });
let allTiles = []; let allTiles = [];