You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.2 KiB
64 lines
2.2 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>On The Dot</title>
|
|
<link rel="stylesheet" type="text/css" href="game.css"/>
|
|
</head>
|
|
<body>
|
|
<p class="txt">Faites tourner le vitrail vers la droite pour qu'il corresponde à l'objectif</p>
|
|
<ul id="all-container" class="all-container">
|
|
<ul class="stats">
|
|
|
|
<p id="temps"></p>
|
|
<span id="chronotime" class="stats">0:00:00</span>
|
|
<span id="timer" class="stats">0:00:00</span>
|
|
<p id="stats" class="stats"></p>
|
|
|
|
<h1>Objectif</h1>
|
|
|
|
<h1>Résultat</h1>
|
|
</ul>
|
|
|
|
<ul id="obj-container" class="vitraux">
|
|
<canvas id="canvasObj" class="vitrail-plein"></canvas>
|
|
<canvas id="canvasTotal" class="vitrail-plein"></canvas>
|
|
</ul>
|
|
<ul id="vitraux" class="vitraux">
|
|
<canvas id="canvas1" class="vitrail-plein"></canvas>
|
|
|
|
<canvas id="canvas2" class="vitrail-plein"></canvas>
|
|
|
|
<canvas id="canvas3" class="vitrail-plein"></canvas>
|
|
|
|
<canvas id="canvas4" class="vitrail-plein"></canvas>
|
|
</ul>
|
|
<ul id="canvasR" class="flex-container">
|
|
<div id="reserveText">
|
|
<h1>Réserve</h1>
|
|
</div>
|
|
<canvas id="canvasR1" class="vitrail-vide"></canvas>
|
|
<canvas id="canvasR2" class="vitrail-vide"></canvas>
|
|
<canvas id="canvasR3" class="vitrail-vide"></canvas>
|
|
<canvas id="canvasR4" class="vitrail-vide"></canvas>
|
|
|
|
</ul>
|
|
|
|
</ul>
|
|
|
|
<p id="tuto1" class="txt">Pour faire tourner le vitrail vers la droite, cliquez dans le triangle bleu, puis relâchez le clic dans le triangle vert.</p>
|
|
<p id="tuto2" class="txt">Pour faire tourner le vitrail vers la gauche, cliquez dans le triangle bleu, puis relâchez le clic dans le triangle vert.</p>
|
|
|
|
|
|
|
|
<script>var tutoMode=true;</script>
|
|
<script src="selecteur.js"></script>
|
|
<script src="bakery.js"></script>
|
|
<script src="chrono.js"></script>
|
|
<script src="timer.js"></script>
|
|
<script src="vitraux.js"></script>
|
|
<script src="tutorial.js"></script>
|
|
</body>
|
|
|
|
</html>
|