Load world info and UI, although clicking on a specific location doesn't actually do anything yet

This commit is contained in:
Daniel Xie
2017-01-11 14:00:51 -06:00
parent 76aa8cb9c4
commit ceb2305ed8
4 changed files with 318 additions and 87 deletions

View File

@ -123,7 +123,171 @@
</div>
<!-- World -->
<div id="world-container">
<div id="world-container" class="world-container">
<ul id="aevum-locations-list">
<li id="aevum-travelagency-li">
<a href="#" id="aevum-travelagency"> Travel Agency </a>
</li>
<li id="aevum-ecorp-li">
<a href="#" id="aevum-ecorp"> ECorp </a>
</li>
<li id="aevum-bachmanandassociates-li">
<a href="#" id="aevum-bachmanandassociates"> Bachman & Associates</a>
</li>
<li id="aevum-clarkeincorporated-li">
<a href="#" id="aevum-clarkeincorporated"> Clarke Incorporated </a>
</li>
<li id="aevum-fulcrumtechnologies-li">
<a href="#" id="aevum-fulcrumtechnologies"> Fulcrum Technologies </a>
</li>
<li id="aevum-aerocorp-li">
<a href="#" id="aevum-aerocorp"> AeroCorp </a>
</li>
<li id="aevum-galacticcybersystems-li">
<a href="#" id="aevum-galacticcybersystems"> Galactic Cybersystems </a>
</li>
<li id="aevum-watchdogsecurity-li">
<a href="#" id="aevum-watchdogsecurity">Watchdog Security </a>
</li>
<li id="aevum-rhoconstruction-li">
<a href="#" id="aevum-rhoconstruction">Rho Construction </a>
</li>
<li id="aevum-aevumpolice-li">
<a href="#" id="aevum-aevumpolice">Aevum Police</a>
</li>
<li id="aevum-netlinktechnologies-li">
<a href="#" id="aevum-netlinktechnologies">NetLink Technologies</a>
</li>
<li id="aevum-crushfitnessgym-li">
<a href="#" id="aevum-crushfitnessgym">Crush Fitness Gym </a>
</li>
<li id="aevum-snapfitnessgym-li">
<a href="#" id="aevum-snapfitnessgym">Snap Fitness Gym</a>
</li>
</ul>
<ul id="chongqing-locations-list">
<li id="chongqing-travelagency-li">
<a href="#" id="chongqing-travelagency"> Travel Agency </a>
<li>
<li id="chonqging-kuaigonginternational-li">
<a href="#" id="chongqing-kuaigonginternational">KuaiGong International </a>
<li>
<li id="chongqing-solarisspacesystems-li">
<a href="#" id="chongqing-solarisspacesystems">Solaris Space Systems</a>
<li>
</ul>
<ul id="sector12-locations-list">
<li id="sector12-travelagency-li">
<a href="#" id="sector12-travelagency">Travel Agency </a>
<li>
<li id="sector12-megacorp-li">
<a href="#" id="sector12-megacorp">MegaCorp</a>
<li>
<li id="sector12-bladeindustries-li">
<a href="#" id="sector12-bladeindustries"> Blade Industries</a>
<li>
<li id="sector12-foursigma-li">
<a href="#" id="sector12-foursigma">Four Sigma</a>
<li>
<li id="sector12-icarusmicrosystems-li">
<a href="#" id="sector12-icarusmicrosystems"> Icarus Microsystems</a>
<li>
<li id="sector12-universalenergy-li">
<a href="#" id="sector12-universalenergy">Universal Energy </a>
<li>
<li id="sector12-deltaone-li">
<a href="#" id="sector12-deltaone">DeltaOne </a>
<li>
<li id="sector12-cia-li">
<a href="#" id="sector12-cia">Central Intelligence Agency </a>
<li>
<li id="sector12-nsa-li">
<a href="#" id="sector12-nsa">National Security Agency </a>
<li>
<li id="sector12-alphaenterprises-li">
<a href="#" id="sector12-alphaenterprises">Alpha Enterprises</a>
<li>
<li id="sector12-carmichaelsecurity-li">
<a href="#" id="sector12-carmichaelsecurity"> Carmichael Security</a>
<li>
<li id="sector12-foodnstuff-li">
<a href="#" id="sector12-foodnstuff">FoodNStuff</a>
<li>
<li id="sector12-joesguns-li">
<a href="#" id="sector12-joesguns"> Joe's Guns</a>
<li>
<li id="sector12-irongym-li">
<a href="#" id="sector12-irongym">Iron Gym </a>
<li>
<li id="sector12-powerhousegym-li">
<a href="#" id="sector12-powerhousegym">Powerhouse Gym</a>
<li>
</ul>
<ul id="newtokyo-locations-list">
<li id="newtokyo-travelagency-li">
<a href="#" id="newtokyo-travelagency"> Travel Agency</a>
<li>
<li id="newtokyo-defcomm-li">
<a href="#" id="newtokyo-defcomm"> DefComm</a>
<li>
<li id="newtokyo-vitalife-li">
<a href="#" id="newtokyo-vitalife">VitaLife </a>
<li>
<li id="newtokyo-globalpharmaceuticals-li">
<a href="#" id="newtokyo-globalpharmaceuticals">Global Pharmaceuticals</a>
<li>
<li id="newtokyo-noodlebar-li">
<a href="#" id="newtokyo-noodlebar">Noodle Bar </a>
<li>
</ul>
<ul id="ishima-locations-list">
<li id="ishima-travelagency-li">
<a href="#" id="ishima-travelagency">Travel Agency </a>
<li>
<li id="ishima-stormtechnologies-li">
<a href="#" id="ishima-stormtechnologies">Storm Technologies</a>
<li>
<li id="ishima-novamedical-li">
<a href="#" id="ishima-novamedical">Nova Medical</a>
<li>
<li id="ishima-omegasoftware-li">
<a href="#" id="ishima-omegasoftware">Omega Software </a>
<li>
</ul>
<ul id="volhaven-locations-list">
<li id="volhaven-travelagency-li">
<a href="#" id="volhaven-travelagency">Travel Agency </a>
<li>
<li id="volhaven-omnitekincorporated-li">
<a href="#" id="volhaven-omnitekincorporated">OmniTek Incorporated </a>
<li>
<li id="volhaven-nwo-li">
<a href="#" id="volhaven-nwo">NWO</a>
<li>
<li id="volhaven-helislabs-li">
<a href="#" id="volhaven-helioslabs">Helios Labs</a>
<li>
<li id="volhaven-omniacybersystems-li">
<a href="#" id="volhaven-omniacybersystems">Omnia Cybersystems</a>
<li>
<li id="volhaven-lexocorp-li">
<a href="#" id="volhaven-lexocorp">LexoCorp</a>
<li>
<li id="volhaven-syscoresecurities-li">
<a href="#" id="volhaven-syscoresecurities">SysCore Securities</a>
<li>
<li id="volhaven-computek-li">
<a href="#" id="volhaven-computek">CompuTek</a>
<li>
<li id="volhaven-milleniumfitnessgym-li">
<a href="#" id="volhaven-milleniumfitnessgym">Millenium Fitness Gym</a>
<li>
<ul>
</div>
<!-- Create a program(executable) -->
@ -143,19 +307,32 @@
<h1 id="faction-name"></h1>
<p id="faction-info"></p>
<p id="work-description-text">
Perform work/carry out assignments for your faction to help further its cause! Each
task takes a certain amount of time to complete, which is dependent on your stats. Completing
a task will earn you exp and increase your reputation with the faction. Note that you cannot
use your terminal or create scripts when you are performing a task!
</p>
<div id="faction-hack-div">
<div id="faction-hack-button-div"><button id="faction-hack-button"> Hacking Contracts </button></div>
<div id="faction-hack-text-div"><p id="faction-hack-text"></p></div>
<p id="faction-hack-text">Complete hacking contracts for your faction! Speed and effectiveness determined by hacking skill. Gain hacking exp.</p>
<div id="faction-hack-text-div">
</div>
</div>
<div id="faction-fieldwork-div">
<div id="faction-fieldwork-button-div"><button id="faction-fieldwork-button"> Field Work </button></div>
<div id="faction-fieldwork-text-div"><p id="faction-fieldwork-text"></p></div>
<div id="faction-fieldwork-text-div">
<p id="faction-fieldwork-text">Carry out field missions for your faction. Speed and effectiveness determined by all stats. Gains exp for all stats.</p>
</div>
</div>
<div id="faction-securitywork-div" visibility>
<div id="faction-securitywork-div">
<div id="faction-securitywork-button-div"><button id="faction-securitywork-button"> Security Work </button></div>
<div id="faction-securitywork-text-div"><p id="faction-securitywork-text"></p></div>
<div id="faction-securitywork-text-div">
<p id="faction-securitywork-text">Serve in a security detail for your faction. Speed and effectiveness determined by combat stats. Gains exp for all combat stats.</p>
</div>
</div>
</div>

View File

@ -80,8 +80,8 @@ initFactions = function() {
AddToFactions(Chongqing);
var Sector12 = new Faction("Sector-12");
AddToFactions(Sector12);
var HongKong = new Faction("New Tokyo");
AddToFactions(HongKong);
var NewTokyo = new Faction("New Tokyo");
AddToFactions(NewTokyo);
var Aevum = new Faction("Aevum");
AddToFactions(Aevum);
var Ishima = new Faction("Ishima");
@ -140,134 +140,134 @@ displayFactionContent = function(factionName) {
if (faction.isMember) {
switch(faction.name) {
case "Illuminati":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "none";
break;
case "Daedalus":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "none";
break;
case "The Covenant":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "none";
break;
case "ECorp":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "MegaCorp":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Bachman & Associates":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Blade Industries":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "NWO":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Clarke Incorporated":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "OmniTek Incorporated":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Four Sigma":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "KuaiGong International":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "BitRunners":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "hidden";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "none";
securityWorkDiv.style.display = "none";
break;
case "The Black Hand":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "none";
break;
case "NiteSec":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "hidden";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "none";
securityWorkDiv.style.display = "none";
break;
case "Chongqing":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Sector-12":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "New Tokyo":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Aevum":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Ishima":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Volhaven":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Speakers for the Dead":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "The Dark Army":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "none";
break;
case "The Syndicate":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "visible";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "inline";
securityWorkDiv.style.display = "inline";
break;
case "Tian Di Hui":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "hidden";
securityWorkDiv.style.visibility = "visible";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "none";
securityWorkDiv.style.display = "inline";
break;
case "CyberSec":
hackDiv.style.visibility = "visible";
fieldWorkDiv.style.visibility = "hidden";
securityWorkDiv.style.visibility = "hidden";
hackDiv.style.display = "inline";
fieldWorkDiv.style.display = "none";
securityWorkDiv.style.display = "none";
break;
default:
console.log("Faction does not exist");

View File

@ -11,6 +11,7 @@ function PlayerObject() {
//Labor stats
this.charisma = 1;
//Intelligence, perhaps?
//Hacking multipliers
this.hacking_chance_multiplier = 2; //Increase through ascensions/augmentations
@ -56,10 +57,14 @@ function PlayerObject() {
this.lifetime_money = 0;
//IP Address of Starting (home) computer
this.homeComputer = null;
this.homeComputer = "";
//Cities: Aevum, ChongQing, Sector12, New Tokyo, Ishima, Volhaven
this.city = "Aevum";
this.location = "";
//Servers
this.currentServer = null; //IP address of Server currently being accessed through terminal
this.currentServer = ""; //IP address of Server currently being accessed through terminal
this.discoveredServers = []; //IP addresses of secret servers not in the network that you have discovered
this.purchasedServers = [];

View File

@ -168,6 +168,7 @@ var Engine = {
loadWorldContent: function() {
Engine.hideAllContent();
Engine.Display.worldContent.style.visibility = "visible";
Engine.displayWorldInfo();
Engine.currentPage = Engine.Page.World;
}
@ -226,6 +227,47 @@ var Engine = {
'Hacking Experience: ' + Player.hacking_exp.toFixed(4) + '<br><br>';
},
/* Display locations in the world*/
aevumLocationsList: null,
chongqingLocationsList: null,
sector12LocationsList: null,
newTokyoLocationsList: null,
ishimaLocationsList: null,
volhavenLocationsList: null,
displayWorldInfo: function() {
Engine.aevumLocationsList.style.display = "none";
Engine.chongqingLocationsList.style.display = "none";
Engine.sector12LocationsList.style.display = "none";
Engine.newTokyoLocationsList.style.display = "none";
Engine.ishimaLocationsList.style.display = "none";
Engine.volhavenLocationsList.style.display = "none";
switch(Player.city) {
case "Aevum":
Engine.aevumLocationsList.style.display = "inline";
break;
case "ChongQing":
Engine.chongqingLocationsList.style.display = "inline";
break;
case "Sector-12":
Engine.sector12LocationsList.style.display = "inline";
break;
case "New Tokyo":
Engine.newTokyoLocationsList.style.display = "inline";
break;
case "Ishima":
Engine.ishimaLocationsList.style.display = "inline";
break;
case "Volhaven":
Engine.volhavenLocationsList.style.display = "inline";
break;
default:
console.log("Invalid city value in Player object!");
break;
}
}
/* Functions used to update information on the Active Scripts page */
ActiveScriptsList: null,
@ -557,6 +599,13 @@ var Engine = {
//Character info
Engine.Display.characterInfo = document.getElementById("character-info");
//Location lists
Engine.aevumLocationsList = document.getElementById("aevum-locations-list");
Engine.chongqingLocationsList = document.getElementById("chongqing-locations-list");
Engine.sector12LocationsList = document.getElementById("sector12-locations-list");
Engine.newTokyoLocationsList = document.getElementById("newtokyo-locations-list");
Engine.ishimaLocationsList = document.getElementById("ishima-locations-list");
Engine.volhavenLocationsList = document.getElementById("volhaven-locations-list");
//Script editor
Engine.Display.scriptEditorText = document.getElementById("script-editor-text");