adrien/Webtris
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

settings

Browse Source
This commit is contained in:
Adrien MALINGREY
2019-11-02 22:10:36 +01:00
parent 4fe9175641
commit ae39fda660
8 changed files with 442 additions and 269 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
index.php
View File

@ -9,44 +9,85 @@
</head>
<body>
<h1>WEBTRIS</h1>
<div id="grid-container">
<div id="game">
<?php
function echoTable($id, $rows, $columns) {
echo " <table id='$id'>\n";
for ($y = 0; $y < $rows; $y++) {
echo " <tr>";
function echoTable($id, $invisibleRows, $visibleRows, $columns) {
echo " <table id='$id' class=minoes-table>\n";
for ($y = 0; $y < $invisibleRows; $y++) {
echo " <tr class=invisible-grid>";
for ($x = 0; $x < $columns; $x++) {
echo "<td></td>";
echo "<td class=empty-cell></td>";
}
echo "</tr>\n";
}
for ($y = 0; $y < $visibleRows; $y++) {
echo " <tr class=visible-grid>";
for ($x = 0; $x < $columns; $x++) {
echo "<td class=empty-cell></td>";
}
echo "</tr>\n";
}
echo " </table>\n";
}
echoTable("hold", 6, 6);
echoTable("matrix", 24, 10);
echoTable("next", 24, 6);
echoTable("hold", 6, 0, 6);
echoTable("matrix", 4, 20, 10);
echoTable("next", 24, 0, 6);
?>
<table id="stats">
<tr><th class="name">SCORE</th><td class="value" id="score">0</td></tr>
<tr><th class="name">RECORD</th><td class="value" id="highScore">0</td></tr>
<tr><th class="name">TEMPS</th><td class="value" id="time">00:00</td></tr>
<tr><th class="name" colspan=2>SCORE</th></tr>
<tr><td class="value" id="score" colspan=2>0</td></tr>
<tr><th class="name" colspan=2>RECORD</th></tr>
<tr><td class="value" id="highScore" colspan=2>0</td></tr>
<tr><th class="name" colspan=2>TEMPS</th></tr>
<tr><td class="value" id="time" colspan=2>00:00</td></tr>
<tr><td colspan=2><br/></td class="name"></tr>
<tr><th class="name">NIVEAU</th><td class="value" id="level">0</td></tr>
<tr><th class="name">OBJECTIF</th><td class="value" id="goal">0</td></tr>
<tr><th class="name">LIGNES</th><td class="value" id="clearedLines">0</td></tr>
</table>
<div id="message"></div>
</div>
<!- settings ->
<div class="flex-container">
<div id="button-link">
<a href="options.php" target="_blank">OPTIONS</a>
</div>
<div id="button-link">
<a href="leaderboard.php" target="_blank">TABLEAU DE SCORES</a>
</div>
<div id="button-link">
<a href="index.php">REJOUER</a>
</div>
<div id="settings">
<fieldset id="keyboard">
<legend>Clavier</legend>
<?php
function addButton($action, $label) {
echo " <label for='set-$action-key'>$label</label>\n";
echo " <button id='set-$action-key' type='button' onclick=\"waitKey(this, '$action')\"></button>";
}
addButton("moveLeft", "Gauche");
addButton("moveRight", "Droite");
addButton("softDrop", "Chute lente");
addButton("hardDrop", "Chute rapide");
addButton("rotateCW", "Rotation horaire");
addButton("rotateCCW", "Rotation anti-horaire");
addButton("hold", "Garde");
addButton("pause", "Pause/Reprise");
?>
</fieldset>
<fieldset>
<legend>Répétition automatique</legend>
<label id="autorepeatDelayRangeLabel" for="autorepeatDelayRange"></label>
<input id="autorepeatDelayRange" type="range" oninput="autorepeatDelayChanged()" min="100" max="1000" step="50">
<label id="autorepeatPeriodRangeLabel" for="autorepeatPeriodRange"></label>
<input id="autorepeatPeriodRange" type="range" id="autorepeatPeriodRange" oninput="autorepeatPeriodChanged()" min="2" max="50" step="2">
</fieldset>
<!-- <fieldset>
<legend>Thème</legend>
<div>À venir</div>
</fieldset> -->
<button type="button" onclick="hideSettings()">RETOUR</button>
</div>
<div id="start">
<label for="startLevel">Niveau</label>
<input type="number" id="startLevel" min="1" max="15" step="1">
<button id="startButton" type="button" onclick="start()" disabled>JOUER</button>
</div>
<div>
<button id="settingsButton" type="button" onclick="showSettings()" disabled>OPTIONS</button>
</div>
<div id="leaderboardLink">
<a href="leaderboard.php" target="_blank">TABLEAU DE SCORE</a>
</div>
</body>
</html>