vaporvee/destruction-of-legacy
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added triangle back

Browse Source
This commit is contained in:
Yannik
2023-05-29 20:51:26 +02:00
parent 7a3ef236d0
commit 7871613f75
1 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
text_horror/app.js
View File

@@ -6,6 +6,7 @@ let dlgLines;
var skipDlg = false; var skipDlg = false;
var answers; var answers;
var keys; var keys;
var allowNextDlg = true;
function load() { function load() {
fetch("text_horror/dialogue.json") fetch("text_horror/dialogue.json")
@@ -33,6 +34,7 @@ function updateDlg() {
console.log(dlgLines[dlgPointer]); console.log(dlgLines[dlgPointer]);
typeindex = 0; typeindex = 0;
document.getElementById("dlg-text").innerHTML = ""; document.getElementById("dlg-text").innerHTML = "";
document.getElementById("triangle").hidden = true;
typeWriter(); typeWriter();
} }
@@ -41,11 +43,12 @@ function typeWriter() {
document.getElementById("dlg-text").innerHTML += dlgLines[dlgPointer].charAt(typeindex); document.getElementById("dlg-text").innerHTML += dlgLines[dlgPointer].charAt(typeindex);
typeindex++; typeindex++;
setTimeout(typeWriter, speed); setTimeout(typeWriter, speed);
} } else if (allowNextDlg)
document.getElementById("triangle").hidden = false;
} }
function nextDlg(dlgPointerIncrease = true) { function nextDlg(dlgPointerIncrease = true) {
if (document.getElementById("dlg-text").innerHTML.length == dlgLines[dlgPointer].length || skipDlg) { if (document.getElementById("dlg-text").innerHTML.length == dlgLines[dlgPointer].length && allowNextDlg || skipDlg) {
skipDlg = false; skipDlg = false;
if (dlgPointerIncrease) if (dlgPointerIncrease)
dlgPointer++ dlgPointer++
@@ -66,8 +69,9 @@ function nextDlg(dlgPointerIncrease = true) {
updateDlg(); updateDlg();
} }
else if (typeof dlgLines[dlgPointer] === 'object') { else if (typeof dlgLines[dlgPointer] === 'object') {
allowNextDlg = false;
document.getElementById("triangle").hidden = true;
document.getElementById("answer-box").hidden = false; document.getElementById("answer-box").hidden = false;
document.getElementById("bubble").onclick = null;
answers = document.getElementsByClassName("answer"); answers = document.getElementsByClassName("answer");
keys = Object.keys(dlgLines[dlgPointer]); keys = Object.keys(dlgLines[dlgPointer]);
for (let j = 0; j < keys.length; j++) { for (let j = 0; j < keys.length; j++) {
@@ -78,15 +82,16 @@ function nextDlg(dlgPointerIncrease = true) {
else { else {
document.getElementById("bubble").hidden = true; document.getElementById("bubble").hidden = true;
document.getElementById("answer-box").hidden = true; document.getElementById("answer-box").hidden = true;
document.getElementById("triangle").hidden = true;
} }
} }
} }
function answered(answerId) { function answered(answerId) {
dlgFile = dlgLines[dlgPointer]; dlgFile = dlgLines[dlgPointer];
document.getElementById("bubble").addEventListener("click", nextDlg);
document.getElementById("answer-box").hidden = true; document.getElementById("answer-box").hidden = true;
changeDlg(document.getElementById(answerId).innerHTML); changeDlg(document.getElementById(answerId).innerHTML);
allowNextDlg = true;
skipDlg = true; skipDlg = true;
nextDlg(false); nextDlg(false);
for (let j = 0; j < keys.length; j++) { for (let j = 0; j < keys.length; j++) {