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

nbClearedLines++

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-04-24 23:53:11 +02:00
parent 7f07d71f0b
commit a720f36de1
2 changed files with 119 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app.js
View File

@ -803,6 +803,7 @@ function lockDown() {
for (let y=0; y<matrix.rows; y++) { for (let y=0; y<matrix.rows; y++) {
let row = matrix.blocks[y] let row = matrix.blocks[y]
if (row.filter(lockedMino => lockedMino).length == matrix.columns) { if (row.filter(lockedMino => lockedMino).length == matrix.columns) {
nbClearedLines++
matrix.blocks.splice(y, 1) matrix.blocks.splice(y, 1)
matrix.blocks.unshift(Array(matrix.columns)) matrix.blocks.unshift(Array(matrix.columns))
matrix.table.rows[y].classList.add("cleared-line-animation") matrix.table.rows[y].classList.add("cleared-line-animation")

118
css/retro.css Normal file
View File

@ -0,0 +1,118 @@
:root {
--g0: #062807;
--g1: #1f5b1c;
--g2: #83b70b;
--g3: #a3d30d;
--bs-body-font-family: monospace;
}
body {
background: #7b787f;
font-family: monospace;
}
.card {
background-color: var(--g3);
}
.card,
table,
#messagesSpan {
color: var(--g0) !important;
}
td:not(.mino) {
border: 0;
}
tr.matrix td:not(.mino) {
border: 0;
}
.mino {
position: relative;
border: 2px solid var(--g0);
}
.mino::after {
position: absolute;
content: " ";
}
.I.mino {
background-color: var(--g2);
}
.J.mino {
background-color: var(--g2);
}
.J.mino::after {
top: 5px;
left: 5px;
width: 11px;
height: 11px;
border: 2px solid var(--g0);
}
.L.mino {
background-color: var(--g1);
}
.O.mino {
background-color: var(--g3);
}
.O.mino::after {
top: 3px;
left: 3px;
width: 15px;
height: 15px;
background-color: var(--g0);
}
.S.mino {
background-color: var(--g1);
}
.S.mino::after {
top: 5px;
left: 5px;
width: 11px;
height: 11px;
border: 2px solid var(--g0);
}
.T.mino {
background-color: var(--g2);
}
.T.mino::after {
top: 5px;
left: 5px;
width: 11px;
height: 11px;
border: 2px solid;
border-top-color: var(--g3);
border-left-color: var(--g3);
border-right-color: var(--g0);
border-bottom-color: var(--g0);
}
.Z.mino {
background-color: var(--g2);
}
.Z.mino::after {
top: 5px;
left: 5px;
width: 11px;
height: 11px;
background-color: var(--g0);
}
.locked.mino {
background-color: var(--g2);
border-color: var(--g3);
}