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

triangle now hides while typewriting

Browse Source
This commit is contained in:
Yannik
2023-05-26 22:31:32 +02:00
parent ad61ec342b
commit d192958849
2 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@@ -10,7 +10,7 @@
<title>TextHorror</title> <title>TextHorror</title>
</head> </head>
<body onpageshow="load()" onclick="mouseClick()"> <body onpageshow="load()" onmouseup="mouseUp()" onmousedown="mouseDown()">
<div id="bubble"></div> <div id="bubble"></div>
<img id="triangle" src="text_horror/assets/triangle.png"> <img id="triangle" src="text_horror/assets/triangle.png">
<p class="thx-for-playing">Thanks for playing</p> <p class="thx-for-playing">Thanks for playing</p>

21
text_horror/app.js
View File

@@ -15,20 +15,27 @@ function load() {
} }
function typeWriter() { function typeWriter() {
if (document.getElementById("bubble").innerHTML.length - 1 < dlgLines[dlgPointer].toString().length) { if (document.getElementById("bubble").innerHTML.length < dlgLines[dlgPointer].toString().length) {
document.getElementById("bubble").innerHTML += dlgLines[dlgPointer].toString().charAt(typeindex); document.getElementById("bubble").innerHTML += dlgLines[dlgPointer].toString().charAt(typeindex);
typeindex++; typeindex++;
setTimeout(typeWriter, speed);//loops because of running "typeWriter" after waiting document.getElementById("triangle").hidden = document.getElementById("bubble").innerHTML.length != dlgLines[dlgPointer].length
setTimeout(typeWriter, speed); //loops because of running "typeWriter" after waiting
} }
} }
function mouseClick() { function mouseDown() {
if (document.getElementById("bubble").innerHTML.length == dlgLines[dlgPointer].length) { document.getElementById("triangle").hidden = true;
if (dlgPointer < dlgLines.length - 1) { }
dlgPointer++;
while (!(typeof dlgLines[dlgPointer] === 'string')) dlgPointer++;//again if it's not string function mouseUp() {
if (document.getElementById("bubble").innerHTML.length == dlgLines[dlgPointer].length) { //check if text is typed out
if (dlgPointer < dlgLines.length - 1) { //check if dlgPointer is not at the array end
do
dlgPointer++;
while (!(typeof dlgLines[dlgPointer] === 'string')) //again if it's not string
typeindex = 0; typeindex = 0;
document.getElementById("bubble").innerHTML = ""; document.getElementById("bubble").innerHTML = "";
document.getElementById("triangle").hidden = true;
typeWriter(); typeWriter();
} else { } else {
document.getElementById("bubble").hidden = true; document.getElementById("bubble").hidden = true;