+
+
Tetris.js
-
diff --git a/language.js b/language.js
index 1e9deee..1c2c901 100644
--- a/language.js
+++ b/language.js
@@ -10,7 +10,8 @@ const en = {
score: "Score: ",
paused: "Paused",
resume: "Resume",
- title: "Tetris.js"
+ title: "Tetris.js",
+ reset: "Reset"
};
const de = {
@@ -24,7 +25,8 @@ const de = {
play: "Spielen!",
score: "Punkte: ",
paused: "Pausiert",
- resume: "Weiterspielen"
+ resume: "Weiterspielen",
+ reset: "Zurücksetzen"
};
let currentLang = "en";
@@ -59,6 +61,7 @@ function switchLang(lang) {
} else {
document.getElementById("game-title").innerHTML = l.getStr("paused");
document.getElementById("game-play").innerHTML = l.getStr("resume");
+ document.getElementById("game-reset").innerHTML = l.getStr("reset");
}
switchActiveSelector(currentLang)
}
diff --git a/menu.js b/menu.js
index 95ce6c6..cbdd49e 100644
--- a/menu.js
+++ b/menu.js
@@ -25,7 +25,9 @@ document.addEventListener("keydown", (event) => {
}
}
} else if(event.keyCode === 27) {
- toggleMenu();
+ if(!firstRun) {
+ toggleMenu();
+ }
}
});
@@ -39,7 +41,7 @@ document.getElementById("game-play").addEventListener("click", () => {
document.getElementById("game-reset").addEventListener("click", () => {
firstRun = true;
- clearArena();
+ clearScreen();
hideMenu();
switchLang(currentLang);
showMenu();
@@ -55,6 +57,7 @@ function toggleMenu() {
function showMenu() {
isPaused = true;
+ document.getElementById("background").classList.add("blurred");
document.getElementById("game-title").style.display = "block";
document.getElementById("game-play").style.display = "block";
if(!firstRun) {
@@ -64,6 +67,7 @@ function showMenu() {
function hideMenu() {
isPaused = false;
+ document.getElementById("background").classList.remove("blurred");
document.getElementById("game-title").style.display = "none";
document.getElementById("game-play").style.display = "none";
document.getElementById("game-reset").style.display = "none";
diff --git a/style.css b/style.css
index 3211639..f2663e0 100644
--- a/style.css
+++ b/style.css
@@ -62,6 +62,17 @@ body {
outline: none;
box-shadow: 3px 4px 0 3px rgba(0,0,0,0.2);
}
+#background {
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ left: 0;
+ top: 0;
+}
+
+#background.blurred {
+ filter: url(#f1);
+}
#tetris {
position: absolute;