diff --git a/index.html b/index.html index feb6369..060acaf 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ -
+

@@ -21,6 +21,17 @@

+

Danke fürs spielen!

diff --git a/text_horror/app.js b/text_horror/app.js index 4910631..a782508 100644 --- a/text_horror/app.js +++ b/text_horror/app.js @@ -9,11 +9,15 @@ var answers; var keys; var allowNextDlg = true; var voice; +var playerName; +var enemyHealth = 0; +var enemyDamage = 1; +var health = 25; +var weaponName = "Fäuste"; +var weaponDamage = 1; //TODO -//add skipDlg with right mouse click //simple fights -//playsound //save file in local storage window.addEventListener('contextmenu', (event) => { @@ -103,6 +107,29 @@ function nextDlg(dlgPointerIncrease = true) { dlgKeyMain = dlgLines[dlgPointer].split(':')[1] load() } + else if (dlgLines[dlgPointer].split(":")[0] === "_lock") { + nextDlg(); + } + else if (dlgLines[dlgPointer].split(":")[0] === "_weapon") { + weaponName = dlgLines[dlgPointer].split(':')[1] + weaponDamage = dlgLines[dlgPointer].split(':')[2] + nextDlg(); + } + else if (dlgLines[dlgPointer].split(":")[0] === "_enemy") { + document.getElementById("enemy-name").innerHTML = dlgLines[dlgPointer].split(":")[1] + document.getElementById("enemy-texture").src = "text_horror/assets/textures/" + dlgLines[dlgPointer].split(":")[2] + ".png" + enemyHealth = dlgLines[dlgPointer].split(":")[3] + enemyDamage = dlgLines[dlgPointer].split(":")[4] + document.getElementById("enemy-health").innerHTML = enemyHealth + document.getElementById("weapon").innerHTML = weaponName + document.getElementById("weapon-damage").innerHTML = weaponDamage + document.getElementById("health").innerHTML = health + document.getElementById("fight").style.visibility = "unset" + document.getElementById("dlg-text").innerHTML = "" + document.getElementById("bubble").hidden = true; + document.getElementById("answer-box").hidden = true; + document.getElementById("triangle").hidden = true; + } } else updateDlg(); } @@ -135,4 +162,8 @@ function answered(answerId) { for (let j = 0; j < keys.length; j++) { answers.item(j).innerHTML = ""; } +} + +function fight() { + } \ No newline at end of file diff --git a/text_horror/assets/sword.png b/text_horror/assets/sword.png new file mode 100644 index 0000000..34334fb Binary files /dev/null and b/text_horror/assets/sword.png differ diff --git a/text_horror/assets/textures/ghul.png b/text_horror/assets/textures/ghul.png new file mode 100644 index 0000000..cc57f77 Binary files /dev/null and b/text_horror/assets/textures/ghul.png differ diff --git a/text_horror/style.css b/text_horror/style.css index 117681d..e00b341 100644 --- a/text_horror/style.css +++ b/text_horror/style.css @@ -11,6 +11,10 @@ body { user-select: none; } +p { + font-size: 25px; +} + .thx-for-playing { z-index: -1; font-size: 50px; @@ -33,7 +37,7 @@ body { white-space: break-spaces; } -#bubble { +.box { border-width: 5px; border-style: solid; border-color: white; @@ -49,6 +53,45 @@ body { transform: translate(-50%, -50%); } +#bubble { + width: 70%; + height: 50%; +} + +#fight { + visibility: hidden; + width: 35%; + height: 70%; + text-align: center; + display: inline-block; +} + +#enemy-texture { + width: 256px; + height: 256px; + border-width: 5px; + border-style: solid; + border-color: white; +} + +#enemy-name { + font-size: 40px; + transform: translate(0, -40px); +} + +#enemy-health { + font-size: 30px; + transform: translate(0, -80px); +} + +#weapon { + text-align: left; +} + +#health { + text-align: right; +} + #triangle { fill: #fff; position: absolute;