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

Compare commits

base: adrien:04f6eaf5dc5dea11c54264b0b03618ac85f696c1
Branches Tags
adrien:master
..
compare: adrien:df62a40c2a7f973292f6a4581387ddbc9db6fc9e
Branches Tags
adrien:master

No commits in common. "04f6eaf5dc5dea11c54264b0b03618ac85f696c1" and "df62a40c2a7f973292f6a4581387ddbc9db6fc9e" have entirely different histories.
04f6eaf5dc ... df62a40c2a

3 changed files with 8 additions and 32 deletions
Show Stats Expand all files Collapse all files

14
css/common.css
View File

@ -12,17 +12,17 @@ body {
} }
.modal-content { .modal-content {
background-color: #2125294d; background-color: rgba(33, 37, 41, 30%);
backdrop-filter: blur(15px); backdrop-filter: blur(15px);
} }
} }
.card { .card {
background-color: #25292d; background-color: rgb(37, 41, 45);
} }
#matrixCard { #matrixCard {
background: radial-gradient(#222, #25292d) background: radial-gradient(#222, rgb(37, 41, 45))
} }
.card-header { .card-header {
@ -79,7 +79,7 @@ td {
@keyframes trail-animation { @keyframes trail-animation {
from { from {
background-color: #ceffff40; background-color: rgb(206, 255, 255, 25%);
filter: saturate(50%) brightness(300%); filter: saturate(50%) brightness(300%);
} }
to { to {
@ -93,7 +93,7 @@ td.trail-animation {
@keyframes cleared-line-animation { @keyframes cleared-line-animation {
from { from {
background-color: #ceffff66; background-color: rgb(206, 255, 255, 40%);
filter: saturate(50%) brightness(300%); filter: saturate(50%) brightness(300%);
box-shadow: -200px 0 5px white, 200px 0 5px white; box-shadow: -200px 0 5px white, 200px 0 5px white;
} }
@ -124,8 +124,8 @@ tr.cleared-line-animation {
top: 5%; top: 5%;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
color: #fffc; color: rgba(255, 255, 255, 0.8);
text-shadow: 1px 1px #000c; text-shadow: 1px 1px rgba(0, 0, 0, 0.8);
font-size: 3vmin; font-size: 3vmin;
text-align: center; text-align: center;
} }

24
css/pop.css
View File

@ -93,27 +93,3 @@ tr.matrix td:not(.mino) {
animation: locked-animation; animation: locked-animation;
animation-duration: 0.2s; animation-duration: 0.2s;
} }
tr.cleared-line-animation {
animation: none;
}
tr.cleared-line-animation::after {
content: "";
width: 100%;
height: var(--cell-side);
position: fixed;
left: 50%;
transform: translateX(-50%);
display: block;
background: repeating-linear-gradient(transparent, #fffb 1px);
opacity: 0;
animation: cleared-line-animation ease-out .3s;
}
@keyframes cleared-line-animation {
25% {
width: 200%;
opacity: 100%;
}
}

2
js/app.js
View File

@ -206,7 +206,7 @@ function onkeyup(event) {
scheduler.clearTimeout(repeat) scheduler.clearTimeout(repeat)
scheduler.clearInterval(autorepeat) scheduler.clearInterval(autorepeat)
if (actionsQueue.length) { if (actionsQueue.length) {
if (actionsQueue[0] == playerActions.softDrop) scheduler.setInterval(autorepeat, settings.fallPeriod/20) if (action == playerActions.softDrop) scheduler.setInterval(autorepeat, settings.fallPeriod/20)
else scheduler.setTimeout(repeat, settings.das) else scheduler.setTimeout(repeat, settings.das)
} else { } else {
matrix.drawPiece() matrix.drawPiece()