tous les textes
This commit is contained in:
Didictateur
parent
089f20f686
commit
0b2669f776
5 changed files with 287 additions and 3 deletions
|
|
@ -18,9 +18,9 @@
|
||||||
<li><a href="/frontend/pages/riichi/chap6.html">Chapitre 6 : Annoncer la victoire</a></li>
|
<li><a href="/frontend/pages/riichi/chap6.html">Chapitre 6 : Annoncer la victoire</a></li>
|
||||||
<li><a href="/frontend/pages/riichi/chap7.html">Chapitre 7 : Le vent du joueur</a></li>
|
<li><a href="/frontend/pages/riichi/chap7.html">Chapitre 7 : Le vent du joueur</a></li>
|
||||||
<li><a href="/frontend/pages/riichi/chap8.html">Chapitre 8 : Les Yakus</a></li>
|
<li><a href="/frontend/pages/riichi/chap8.html">Chapitre 8 : Les Yakus</a></li>
|
||||||
<li><a href="">Chapitre 9 : Le riichi</a></li>
|
<li><a href="/frontend/pages/riichi/chap9.html">Chapitre 9 : Le riichi</a></li>
|
||||||
<li><a href="">Chapitre 10 : Le furiten</a></li>
|
<li><a href="/frontend/pages/riichi/chap10.html">Chapitre 10 : Le furiten</a></li>
|
||||||
<li><a href="">Chapitre 11 : Une partie complète (complète ?)</a></li>
|
<li><a href="/frontend/pages/riichi/chap11.html">Chapitre 11 : Une partie complète (complète ?)</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
|
|
|
||||||
|
|
@ -171,6 +171,53 @@ const texts = {
|
||||||
<br>
|
<br>
|
||||||
Une liste exhaustive des yakus les plus courants au moins courants sont présentés dans<br>
|
Une liste exhaustive des yakus les plus courants au moins courants sont présentés dans<br>
|
||||||
l'onglet dédié.
|
l'onglet dédié.
|
||||||
|
`,
|
||||||
|
|
||||||
|
chap9:`
|
||||||
|
Le Riichi est le yaku le plus important du jeu ! Ce n'est pas pour rien<br>
|
||||||
|
que ça s'appelle ainsi.<br>
|
||||||
|
<br>
|
||||||
|
Le principe est très simple. Lorsqu'une personne est en Tenpai (à une tuile<br>
|
||||||
|
de la victoire), et que sa main est FERMÉE, alors il peut déclarer le riichi.<br>
|
||||||
|
À ce moment là, elle ne peut plus changer sa main: soit elle gagne par Tsumo<br>
|
||||||
|
ou Ron, soit elle défausse une tuile qui fait gagner quelqu'un d'autre.<br>
|
||||||
|
<br>
|
||||||
|
À partir de maintenant, il va donc falloir bien réfléchir aux appels<br>
|
||||||
|
(pon et chii), puisque cela ouvre la main et fixe des groupes, et va donc<br>
|
||||||
|
restreindre les yakus qui seront réalisables.
|
||||||
|
`,
|
||||||
|
|
||||||
|
chap10:`
|
||||||
|
À ce stade de l'histoire, vous conaissez toutes les règles principales pour jouer<br>
|
||||||
|
au Riichi. Mais on va s'attarder sur le cas du Furiten. Pour faire court, c'est<br>
|
||||||
|
l'inderdiction pour une personne de faire Ron si elle aurait dû déjà avoir gagné.<br>
|
||||||
|
<br>
|
||||||
|
Il y a deux cas:<br>
|
||||||
|
- Une des tuiles de ta défausse pourrait compléter ta main<br>
|
||||||
|
- Tu refuses de Ron quelqu'un<br>
|
||||||
|
<br>
|
||||||
|
Dans le premier cas, tu es foutu. Tu as l'interdiction de faire un Ron, et tu ne<br>
|
||||||
|
peux gagner qu'avec un Tsumo. Dans le second cas, c'est un furiten temporaire,<br>
|
||||||
|
et il faut attendre ton tour pour pouvoir Ron de nouveau.<br>
|
||||||
|
<br>
|
||||||
|
Précisions:<br>
|
||||||
|
- Même si une tuile ne te donne pas de yaku, du momentqu'elle te permet de<br>
|
||||||
|
rendre ta main valide, il y a la question du furiten<br>
|
||||||
|
- Une tuile t'empêche de faire ron sur N'IMPORTE QU'ELLE tuile<br>
|
||||||
|
<br>
|
||||||
|
L'objectif derrière cette règle est d'empêcher de viser quelqu'un spécifiquement.<br>
|
||||||
|
<br>
|
||||||
|
Cela permet également de savoir quelles tuiles peuvent être défausser pour ne pas<br>
|
||||||
|
faire gagner quelqu'un d'autre.
|
||||||
|
`,
|
||||||
|
|
||||||
|
chap11:`
|
||||||
|
Ça y est, tu as fait le plus gros travail ! Félicitation<br>
|
||||||
|
d'être arrivé jusqu'ici !<br>
|
||||||
|
<br>
|
||||||
|
Après t'être entrainé à jouer des parties, je teconseil<br>
|
||||||
|
très vivement de lire la section Scoring, a minima les<br>
|
||||||
|
deux premiers chapitres
|
||||||
`
|
`
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
||||||
79
frontend/pages/riichi/chap10.html
Normal file
79
frontend/pages/riichi/chap10.html
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Tuto Riichi</title>
|
||||||
|
<link rel="stylesheet" href="/frontend/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/frontend/css/speech-bubble.css">
|
||||||
|
<link rel="stylesheet" href="/frontend/css/hand.css">
|
||||||
|
<style>
|
||||||
|
#menu {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mascotte {
|
||||||
|
position: absolute;
|
||||||
|
top: 670px;
|
||||||
|
right: 100px;
|
||||||
|
z-index: 999;
|
||||||
|
transform: scaleX(-1);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mascotte img {
|
||||||
|
width: 250px;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.speech-bubble {
|
||||||
|
position: absolute;
|
||||||
|
top: 100px;
|
||||||
|
right: 170px;
|
||||||
|
z-index: 1;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.speech-bubble.visible {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="menu"></div>
|
||||||
|
<div class="speech-bubble">
|
||||||
|
<div class="speech-text" id="speech-text"></div>
|
||||||
|
</div>
|
||||||
|
<div id="mascotte"></div>
|
||||||
|
|
||||||
|
<script src="/frontend/js/fr/texts.js"></script>
|
||||||
|
<script>
|
||||||
|
// Charger le menu
|
||||||
|
fetch('/components/menu.html')
|
||||||
|
.then(r => r.text())
|
||||||
|
.then(html => document.getElementById('menu').innerHTML = html);
|
||||||
|
|
||||||
|
// Afficher la mascotte et le texte
|
||||||
|
const mascolteEl = document.getElementById('mascotte');
|
||||||
|
mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||||
|
document.getElementById('speech-text').innerHTML = texts.riichi.chap10;
|
||||||
|
|
||||||
|
// Toggle bulle de dialogue au clic sur la mascotte
|
||||||
|
const speechBubble = document.querySelector('.speech-bubble');
|
||||||
|
mascolteEl.addEventListener('click', () => {
|
||||||
|
speechBubble.classList.toggle('visible');
|
||||||
|
mascolteEl.innerHTML = speechBubble.classList.contains('visible')
|
||||||
|
? '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">'
|
||||||
|
: '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
79
frontend/pages/riichi/chap11.html
Normal file
79
frontend/pages/riichi/chap11.html
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Tuto Riichi</title>
|
||||||
|
<link rel="stylesheet" href="/frontend/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/frontend/css/speech-bubble.css">
|
||||||
|
<link rel="stylesheet" href="/frontend/css/hand.css">
|
||||||
|
<style>
|
||||||
|
#menu {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mascotte {
|
||||||
|
position: absolute;
|
||||||
|
top: 670px;
|
||||||
|
right: 100px;
|
||||||
|
z-index: 999;
|
||||||
|
transform: scaleX(-1);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mascotte img {
|
||||||
|
width: 250px;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.speech-bubble {
|
||||||
|
position: absolute;
|
||||||
|
top: 500px;
|
||||||
|
right: 170px;
|
||||||
|
z-index: 1;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.speech-bubble.visible {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="menu"></div>
|
||||||
|
<div class="speech-bubble">
|
||||||
|
<div class="speech-text" id="speech-text"></div>
|
||||||
|
</div>
|
||||||
|
<div id="mascotte"></div>
|
||||||
|
|
||||||
|
<script src="/frontend/js/fr/texts.js"></script>
|
||||||
|
<script>
|
||||||
|
// Charger le menu
|
||||||
|
fetch('/components/menu.html')
|
||||||
|
.then(r => r.text())
|
||||||
|
.then(html => document.getElementById('menu').innerHTML = html);
|
||||||
|
|
||||||
|
// Afficher la mascotte et le texte
|
||||||
|
const mascolteEl = document.getElementById('mascotte');
|
||||||
|
mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||||
|
document.getElementById('speech-text').innerHTML = texts.riichi.chap11;
|
||||||
|
|
||||||
|
// Toggle bulle de dialogue au clic sur la mascotte
|
||||||
|
const speechBubble = document.querySelector('.speech-bubble');
|
||||||
|
mascolteEl.addEventListener('click', () => {
|
||||||
|
speechBubble.classList.toggle('visible');
|
||||||
|
mascolteEl.innerHTML = speechBubble.classList.contains('visible')
|
||||||
|
? '<img class="explaining" src="/img/tilineau/explaining.png" alt="Tilineau">'
|
||||||
|
: '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
79
frontend/pages/riichi/chap9.html
Normal file
79
frontend/pages/riichi/chap9.html
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="fr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Tuto Riichi</title>
|
||||||
|
<link rel="stylesheet" href="/frontend/css/style.css">
|
||||||
|
<link rel="stylesheet" href="/frontend/css/speech-bubble.css">
|
||||||
|
<link rel="stylesheet" href="/frontend/css/hand.css">
|
||||||
|
<style>
|
||||||
|
#menu {
|
||||||
|
position: relative;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mascotte {
|
||||||
|
position: absolute;
|
||||||
|
top: 670px;
|
||||||
|
right: 100px;
|
||||||
|
z-index: 999;
|
||||||
|
transform: scaleX(-1);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
#mascotte img {
|
||||||
|
width: 250px;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.speech-bubble {
|
||||||
|
position: absolute;
|
||||||
|
top: 350px;
|
||||||
|
right: 170px;
|
||||||
|
z-index: 1;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.speech-bubble.visible {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="menu"></div>
|
||||||
|
<div class="speech-bubble">
|
||||||
|
<div class="speech-text" id="speech-text"></div>
|
||||||
|
</div>
|
||||||
|
<div id="mascotte"></div>
|
||||||
|
|
||||||
|
<script src="/frontend/js/fr/texts.js"></script>
|
||||||
|
<script>
|
||||||
|
// Charger le menu
|
||||||
|
fetch('/components/menu.html')
|
||||||
|
.then(r => r.text())
|
||||||
|
.then(html => document.getElementById('menu').innerHTML = html);
|
||||||
|
|
||||||
|
// Afficher la mascotte et le texte
|
||||||
|
const mascolteEl = document.getElementById('mascotte');
|
||||||
|
mascolteEl.innerHTML = '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||||
|
document.getElementById('speech-text').innerHTML = texts.riichi.chap9;
|
||||||
|
|
||||||
|
// Toggle bulle de dialogue au clic sur la mascotte
|
||||||
|
const speechBubble = document.querySelector('.speech-bubble');
|
||||||
|
mascolteEl.addEventListener('click', () => {
|
||||||
|
speechBubble.classList.toggle('visible');
|
||||||
|
mascolteEl.innerHTML = speechBubble.classList.contains('visible')
|
||||||
|
? '<img class="explaining" src="/img/tilineau/speaking.png" alt="Tilineau">'
|
||||||
|
: '<img src="/img/tilineau/idle.png" alt="Tilineau">';
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in a new issue