adrien/quatuor
adrien/quatuor
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: adrien:7996e4a7ae7c641d5bf30ea81af7d6155f6e96f7
Branches Tags
adrien:master
..
compare: adrien:e7246c0a5d302f1b0591334c7716f059e23e2136
Branches Tags
adrien:master

No commits in common. "7996e4a7ae7c641d5bf30ea81af7d6155f6e96f7" and "e7246c0a5d302f1b0591334c7716f059e23e2136" have entirely different histories.
7996e4a7ae ... e7246c0a5d

5 changed files with 33 additions and 41 deletions
Show Stats Expand all files Collapse all files

2
css/common.css
View File

@ -41,7 +41,7 @@ body {
transform: translateY(2px); transform: translateY(2px);
} }
} }
.hard-dropped-table-animation { #matrixTable.hard-dropped-table-animation {
animation: hard-dropped-table-animation .2s; animation: hard-dropped-table-animation .2s;
} }

8
css/pop.css
View File

@ -3,14 +3,6 @@ body {
background-size: cover; background-size: cover;
} }
body[data-bs-theme="dark"] {
--bs-body-bg: #2125296b;
}
.btn-dark {
--bs-btn-bg: #2125296b;
}
.card { .card {
background-color: rgba(37, 41, 45, 50%); background-color: rgba(37, 41, 45, 50%);
} }

18
index.html
View File

@ -4,20 +4,20 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>Quatuor</title> <title>Quatuor</title>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="dark"> <meta name="color-scheme" content="dark">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
<link rel="stylesheet" href="css/common.css"> <link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/classic.css" id="selectedStyleSheet"> <link rel="stylesheet" href="css/classic.css" id="selectedStyleSheet">
<link rel="alternate stylesheet" href="css/classic.css" title="Classique"> <link rel="alternate stylesheet" href="css/classic.css" title="Classique" id="">
<link rel="alternate stylesheet" href="css/minimal.css" title="Minimal"> <link rel="alternate stylesheet" href="css/minimal.css" title="Minimal">
<link rel="alternate stylesheet" href="css/electro.css" title="Électro"> <link rel="alternate stylesheet" href="css/electro.css" title="Électro">
<link rel="alternate stylesheet" href="css/pop.css" title="Pop"> <link rel="alternate stylesheet" href="css/pop.css" title="Pop">
<link rel="alternate stylesheet" href="css/retro.css" title="Rétro"> <link rel="alternate stylesheet" href="css/retro.css" title="Rétro">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/T-2.png"> <link rel="icon" type="image/png" sizes="32x32" href="favicons/T-2.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<link rel="manifest" href="manifest.json"> <link rel="manifest" href="manifest.json">
</head> </head>
@ -63,8 +63,8 @@
<div class="col-4"><select name="stylesheet" id="stylesheetSelect" class="form-select" oninput="selectedStyleSheet.href=this.value"> <div class="col-4"><select name="stylesheet" id="stylesheetSelect" class="form-select" oninput="selectedStyleSheet.href=this.value">
<option value="css/classic.css" selected>Classique</option> <option value="css/classic.css" selected>Classique</option>
<option value="css/minimal.css">Minimal</option> <option value="css/minimal.css">Minimal</option>
<option value="css/pop.css">Pop</option> <option value="css/electro.css">Pop</option>
<option value="css/electro.css">Électro</option> <option value="css/pop.css">Électro</option>
<option value="css/retro.css">Rétro</option> <option value="css/retro.css">Rétro</option>
</select></div> </select></div>
<div class="col-4 d-flex align-items-baseline"><input id="sfxVolumeRange" class="form-range" type="range" min="0" max="1" step="any" value="0.7"></div> <div class="col-4 d-flex align-items-baseline"><input id="sfxVolumeRange" class="form-range" type="range" min="0" max="1" step="any" value="0.7"></div>

23
js/game_logic.js
View File

@ -44,6 +44,29 @@ const FACING = {
WEST: 3, WEST: 3,
} }
const KEY_NAMES = new Proxy({
["ArrowLeft"] : "←",
["←"] : "ArrowLeft",
["ArrowRight"] : "→",
["→"] : "ArrowRight",
["ArrowUp"] : "↑",
["↑"] : "ArrowUp",
["ArrowDown"] : "↓",
["↓"] : "ArrowDown",
[" "] : "Espace",
["Espace"] : " ",
["Escape"] : "Échap.",
["Échap."] : "Escape",
["Backspace"] : "Ret. arrière",
["Ret. arrière"]: "Backspace",
["Enter"] : "Entrée",
["Entrée"] : "Enter",
}, {
get(obj, keyName) {
return keyName in obj? obj[keyName] : keyName
}
})
/* Customize Array to be use as position */ /* Customize Array to be use as position */
Object.defineProperties(Array.prototype, { Object.defineProperties(Array.prototype, {
"x": { "x": {

23
js/interface.js
View File

@ -1,26 +1,3 @@
const KEY_NAMES = new Proxy({
["ArrowLeft"] : "←",
["←"] : "ArrowLeft",
["ArrowRight"] : "→",
["→"] : "ArrowRight",
["ArrowUp"] : "↑",
["↑"] : "ArrowUp",
["ArrowDown"] : "↓",
["↓"] : "ArrowDown",
[" "] : "Espace",
["Espace"] : " ",
["Escape"] : "Échap.",
["Échap."] : "Escape",
["Backspace"] : "Ret. arrière",
["Ret. arrière"]: "Backspace",
["Enter"] : "Entrée",
["Entrée"] : "Enter",
}, {
get(obj, keyName) {
return keyName in obj? obj[keyName] : keyName
}
})
class Settings { class Settings {
constructor() { constructor() {
this.form = settingsForm this.form = settingsForm