update tilineau img
This commit is contained in:
parent
af5909936c
commit
024190f943
5 changed files with 10 additions and 7 deletions
|
|
@ -167,7 +167,7 @@
|
|||
|
||||
// Afficher la 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
|
||||
document.getElementById('speech-text').innerHTML = texts.riichi.chap1;
|
||||
|
|
@ -179,7 +179,7 @@
|
|||
if (speechBubble.classList.contains('visible')) {
|
||||
mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">';
|
||||
} else {
|
||||
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
|
||||
mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -141,7 +141,7 @@
|
|||
|
||||
// Afficher la 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
|
||||
document.getElementById('speech-text').innerHTML = texts.riichi.chap2;
|
||||
|
|
@ -153,7 +153,7 @@
|
|||
if (speechBubble.classList.contains('visible')) {
|
||||
mascolteEl.innerHTML = '<img class="explaining" src="/img/tilineau/speaking.png" alt="Tilineau">';
|
||||
} else {
|
||||
mascolteEl.innerHTML = '<img src="/img/tilineau/speaking.png" alt="Tilineau">';
|
||||
mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||
}
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
}
|
||||
|
||||
.speech-bubble {
|
||||
position: fixed;
|
||||
position: absolute;
|
||||
bottom: 200px;
|
||||
right: 170px;
|
||||
z-index: 1;
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
|
||||
// Afficher la mascotte et le texte
|
||||
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;
|
||||
|
||||
// Toggle bulle de dialogue au clic sur la mascotte
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
mascolteEl.addEventListener('click', () => {
|
||||
speechBubble.classList.toggle('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">';
|
||||
});
|
||||
|
||||
|
|
|
|||
BIN
img/tilineau/idle.png
Normal file
BIN
img/tilineau/idle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
|
|
@ -90,6 +90,9 @@
|
|||
const speechBubble = document.querySelector('.speech-bubble');
|
||||
mascolteEl.addEventListener('click', () => {
|
||||
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 = [];
|
||||
|
|
|
|||
Loading…
Reference in a new issue