mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-12-24 15:12:27 +01:00
100 lines
3.4 KiB
JavaScript
100 lines
3.4 KiB
JavaScript
import {Engine} from "./engine";
|
|
|
|
import {removeChildrenFromElement} from "../utils/uiHelpers/removeChildrenFromElement";
|
|
import {createElement} from "../utils/uiHelpers/createElement";
|
|
import {exceptionAlert} from "../utils/helpers/exceptionAlert";
|
|
import {isString} from "../utils/helpers/isString";
|
|
|
|
var cinematicTextFlag = false;
|
|
|
|
//Lines must be an array of strings
|
|
function writeCinematicText(lines) {
|
|
cinematicTextFlag = true;
|
|
|
|
if (lines.constructor !== Array) {
|
|
throw new Error("Invalid non-array argument passed into writeCinematicText()");
|
|
}
|
|
|
|
//We'll reuse the 'Red Pill' content
|
|
Engine.loadCinematicTextContent();
|
|
var container = document.getElementById("cinematic-text-container");
|
|
container.style.width = "75%";
|
|
if (container == null) {throw new Error("Could not find cinematic-text-container for writeCinematicText()");}
|
|
removeChildrenFromElement(container);
|
|
|
|
for (var i = 0; i < lines.length; ++i) {
|
|
if (!isString(lines[i])) {
|
|
throw new Error("Invalid non-string element in 'lines' argument. writeCinematicText() failed");
|
|
}
|
|
}
|
|
|
|
return writeCinematicTextRecurse(lines).then(function() {
|
|
return cinematicTextEnd(); //Puts the continue button
|
|
}).catch(function(e) {
|
|
exceptionAlert(e);
|
|
});
|
|
}
|
|
|
|
function writeCinematicTextRecurse(lines, lineNumber=0) {
|
|
if (lineNumber >= lines.length) {return Promise.resolve(true);}
|
|
return writeCinematicTextLine(lines[lineNumber]).then(function() {
|
|
return writeCinematicTextRecurse(lines, lineNumber+1);
|
|
});
|
|
}
|
|
|
|
function writeCinematicTextLine(line) {
|
|
return new Promise(function(resolve, reject) {
|
|
var container = document.getElementById("cinematic-text-container");
|
|
var pElem = document.createElement("p");
|
|
container.appendChild(pElem);
|
|
|
|
var promise = writeCinematicTextLetter(pElem, line, 0);
|
|
promise.then(function(res) {
|
|
resolve(res);
|
|
}, function(e) {
|
|
reject(e);
|
|
});
|
|
});
|
|
}
|
|
|
|
function writeCinematicTextLetter(pElem, line, i=0) {
|
|
return new Promise(function(resolve, reject) {
|
|
setTimeout(function() {
|
|
if (i >= line.length) {
|
|
var textToShow = line.substring(0, i);
|
|
pElem.innerHTML = textToShow;
|
|
return resolve(true);
|
|
}
|
|
var textToShow = line.substring(0, i);
|
|
pElem.innerHTML = textToShow + "<span class='typed-cursor'> █ </span>";
|
|
var promise = writeCinematicTextLetter(pElem, line, i+1);
|
|
promise.then(function(res) {
|
|
resolve(res);
|
|
}, function(e) {
|
|
reject(e);
|
|
});
|
|
}, 15);
|
|
});
|
|
}
|
|
|
|
function cinematicTextEnd() {
|
|
var container = document.getElementById("cinematic-text-container");
|
|
var mainMenu = document.getElementById("mainmenu-container");
|
|
container.appendChild(createElement("br"));
|
|
|
|
return new Promise (function(resolve, reject) {
|
|
container.appendChild(createElement("a", {
|
|
class:"a-link-button", innerText:"Continue...",
|
|
clickListener:()=>{
|
|
removeChildrenFromElement(container);
|
|
Engine.loadTerminalContent();
|
|
mainMenu.style.visibility = "visible";
|
|
cinematicTextFlag = false;
|
|
resolve();
|
|
}
|
|
}));
|
|
});
|
|
}
|
|
|
|
export {cinematicTextFlag, writeCinematicText};
|