Initial commit
This commit is contained in:
commit
741ef70b37
68
index.html
Normal file
68
index.html
Normal file
@ -0,0 +1,68 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>My Incremental Game</title>
|
||||||
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||||
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="main.css">
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||||
|
<script src="main.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<ul class="nav nav-tabs">
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link active" id="link_main" onclick="set_tab('main')">Main</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" id="link_buildings" onclick="set_tab('buildings')">Buildings</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" id="link_population" onclick="set_tab('population')">Population</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" id="link_research" onclick="set_tab('research')">Research</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item">
|
||||||
|
<a class="nav-link" id="link_options" onclick="set_tab('options')">Options</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div id="tab_main">
|
||||||
|
<button onclick="incResource('wood')">Gather wood</button>
|
||||||
|
<div class="resources_required">
|
||||||
|
<br>
|
||||||
|
<p id="max_resources">Resources:</p>
|
||||||
|
<p id="resources"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tab_buildings">
|
||||||
|
<div id="craft_buttons"></div>
|
||||||
|
<p>Buildings:</p>
|
||||||
|
<p id="buildings"></p>
|
||||||
|
</div>
|
||||||
|
<div id="tab_population">
|
||||||
|
<p id="pop">Population uninitialized!</p>
|
||||||
|
<p id="work_pop">Working population uninitialized!</p>
|
||||||
|
<p id="num_lumberjacks">Number of lumberjacks uninitialized!</p>
|
||||||
|
<button class="hire" onclick="hire('lumberjack')">Hire</button>
|
||||||
|
<button id="fire_lumberjack" onclick="fire('lumberjack')">Fire</button>
|
||||||
|
<p id="num_miners">Number of miners uninitialized!</p>
|
||||||
|
<button class="hire" onclick="hire('miner')">Hire</button>
|
||||||
|
<button id="fire_miner" onclick="fire('miner')">Fire</button>
|
||||||
|
<div class="research_required">
|
||||||
|
<p id="num_scientists">Number of scientists uninitialized!</p>
|
||||||
|
<button class="hire" onclick="hire('scientist')">Hire</button>
|
||||||
|
<button id="fire_scientist" onclick="fire('scientist')">Fire</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="tab_research">
|
||||||
|
<p id="research_points">Research points uninitialized!</p>
|
||||||
|
<div id="research_buttons"></div>
|
||||||
|
<p>Researches:</p>
|
||||||
|
<div id="researches"></div>
|
||||||
|
</div>
|
||||||
|
<div id="tab_options">
|
||||||
|
<button onclick="reset()">Reset</button>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
14
main.css
Normal file
14
main.css
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
/* body {
|
||||||
|
background-color: gray;
|
||||||
|
}
|
||||||
|
.nav {
|
||||||
|
background-color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
background-color: black !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
background-color: black !important;
|
||||||
|
} */
|
464
main.js
Normal file
464
main.js
Normal file
@ -0,0 +1,464 @@
|
|||||||
|
var maxPop=0;
|
||||||
|
var pop=0;
|
||||||
|
var working=0;
|
||||||
|
var resources={};
|
||||||
|
var maxResources=50;
|
||||||
|
var numResources=0;
|
||||||
|
var buildings={};
|
||||||
|
var unlockedBuildings=[];
|
||||||
|
var has_shelter=false;
|
||||||
|
var research_enabled=false;
|
||||||
|
var researches={};
|
||||||
|
var unlockedResearch=[];
|
||||||
|
var research_points=0;
|
||||||
|
var max_research_points=0;
|
||||||
|
var workers={
|
||||||
|
lumberjack:0,
|
||||||
|
miner:0,
|
||||||
|
scientist:0
|
||||||
|
};
|
||||||
|
var all_buildings={
|
||||||
|
hut:{
|
||||||
|
ings:{
|
||||||
|
wood:15
|
||||||
|
},
|
||||||
|
build_effects:{
|
||||||
|
maxPop:2
|
||||||
|
}
|
||||||
|
},
|
||||||
|
house:{
|
||||||
|
ings:{
|
||||||
|
wood:30,
|
||||||
|
metal:5
|
||||||
|
},
|
||||||
|
build_effects:{
|
||||||
|
maxPop:4
|
||||||
|
}
|
||||||
|
},
|
||||||
|
lab:{
|
||||||
|
ings:{
|
||||||
|
wood:30,
|
||||||
|
metal:15
|
||||||
|
},
|
||||||
|
build_effects:{
|
||||||
|
research_enabled:true,
|
||||||
|
max_research_points:150
|
||||||
|
}
|
||||||
|
},
|
||||||
|
storehouse:{
|
||||||
|
ings:{
|
||||||
|
wood:40
|
||||||
|
},
|
||||||
|
build_effects: {
|
||||||
|
max_resources:50
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var worker_resource={
|
||||||
|
lumberjack:"wood",
|
||||||
|
miner:"metal",
|
||||||
|
scientist:"research_points"
|
||||||
|
};
|
||||||
|
var worker_rate=0.5;
|
||||||
|
var all_researches={
|
||||||
|
"Faster Workers":{
|
||||||
|
maxLevel:3,
|
||||||
|
cost:100,
|
||||||
|
effects:{
|
||||||
|
worker_rate:0.5
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
var multiplier=1.17;
|
||||||
|
function updateShown() {
|
||||||
|
var has_resources=Object.keys(resources).length>0;
|
||||||
|
$(".shelter_required").toggle(has_shelter);
|
||||||
|
$("#link_population").toggle(has_shelter);
|
||||||
|
$(".resources_required").toggle(has_resources);
|
||||||
|
$("#link_buildings").toggle(has_resources);
|
||||||
|
$("#link_research").toggle(research_enabled);
|
||||||
|
$(".research_required").toggle(research_enabled);
|
||||||
|
}
|
||||||
|
function incResource(name,amount=1) {
|
||||||
|
if (name=="research_points") {
|
||||||
|
if (research_points>max_research_points) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
research_points+=amount;
|
||||||
|
if (research_points>max_research_points) {
|
||||||
|
research_points-=amount;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
updateResearchPointInfo();
|
||||||
|
updateResearchButtons();
|
||||||
|
} else {
|
||||||
|
if (numResources>maxResources) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (resources[name]) {
|
||||||
|
resources[name]+=amount;
|
||||||
|
} else {
|
||||||
|
resources[name]=amount;
|
||||||
|
}
|
||||||
|
numResources+=amount;
|
||||||
|
if (numResources>maxResources) {
|
||||||
|
decResource(name,amount);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
updateResourceInfo();
|
||||||
|
|
||||||
|
updateCraftButtons();
|
||||||
|
}
|
||||||
|
updateShown();
|
||||||
|
}
|
||||||
|
function decResource(name,amount) {
|
||||||
|
if (resources[name]<amount) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
numResources-=amount;
|
||||||
|
resources[name]-=amount;
|
||||||
|
updateResourceInfo();
|
||||||
|
|
||||||
|
updateCraftButtons();
|
||||||
|
}
|
||||||
|
function incBuilding(name) {
|
||||||
|
if (buildings[name]) {
|
||||||
|
buildings[name]+=1;
|
||||||
|
} else {
|
||||||
|
buildings[name]=1;
|
||||||
|
}
|
||||||
|
var effects=all_buildings[name]["build_effects"];
|
||||||
|
for (effect in effects) {
|
||||||
|
if (effect=="maxPop") {
|
||||||
|
maxPop+=effects[effect];
|
||||||
|
has_shelter=true;
|
||||||
|
updatePopulationInfo();
|
||||||
|
updateWorkerInfo();
|
||||||
|
}
|
||||||
|
if (effect=="research_enabled") {
|
||||||
|
research_enabled=effects[effect];
|
||||||
|
}
|
||||||
|
if (effect=="max_resources") {
|
||||||
|
maxResources+=effects[effect];
|
||||||
|
|
||||||
|
}
|
||||||
|
if (effect=="max_research_points") {
|
||||||
|
max_research_points+=effects[effect];
|
||||||
|
}
|
||||||
|
}
|
||||||
|
updateShown();
|
||||||
|
updateBuildingInfo();
|
||||||
|
}
|
||||||
|
function buildingCost(name) {
|
||||||
|
var newIngs={};
|
||||||
|
var ings=all_buildings[name].ings;
|
||||||
|
var building_amount=buildings[name];
|
||||||
|
if (building_amount==undefined) {
|
||||||
|
building_amount=0;
|
||||||
|
}
|
||||||
|
for (var ing in ings) {
|
||||||
|
var ing_amount=ings[ing];
|
||||||
|
ing_amount=Math.floor(ing_amount*(multiplier**building_amount));
|
||||||
|
newIngs[ing]=ing_amount;
|
||||||
|
}
|
||||||
|
return newIngs;
|
||||||
|
}
|
||||||
|
function craft(name) {
|
||||||
|
var ings=buildingCost(name);
|
||||||
|
var enough=true;
|
||||||
|
for (var ing in ings) {
|
||||||
|
if (!(resources[ing]>=ings[ing])) {
|
||||||
|
enough=false;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (enough) {
|
||||||
|
for (var ing in ings) {
|
||||||
|
var amount=ings[ing];
|
||||||
|
decResource(ing,amount);
|
||||||
|
}
|
||||||
|
updateResourceInfo();
|
||||||
|
updateCraftButtons();
|
||||||
|
incBuilding(name);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function capitalizeFirst(str) {
|
||||||
|
return str.charAt(0).toUpperCase()+str.slice(1);
|
||||||
|
}
|
||||||
|
function updateResourceInfo() {
|
||||||
|
$("#resources").html("");
|
||||||
|
for (var name in resources) {
|
||||||
|
var capName=capitalizeFirst(name);
|
||||||
|
$("#resources").append("<p>"+capName+": "+resources[name]+"</p>");
|
||||||
|
}
|
||||||
|
$("#max_resources").text("Resources: ("+numResources+"/"+maxResources+")");
|
||||||
|
}
|
||||||
|
function updateBuildingInfo() {
|
||||||
|
$("#buildings").html("");
|
||||||
|
for (var name in buildings) {
|
||||||
|
var capName=capitalizeFirst(name);
|
||||||
|
$("#buildings").append("<p>"+capName+": "+buildings[name]+"</p>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function updateCraftButtons() {
|
||||||
|
$("#craft_buttons").html("");
|
||||||
|
for (var name in all_buildings) {
|
||||||
|
var ings=buildingCost(name);
|
||||||
|
var show=true;
|
||||||
|
var disabled=false;
|
||||||
|
if (!unlockedBuildings.includes(name)) {
|
||||||
|
for (var ing in ings) {
|
||||||
|
if (!(resources[ing]>=(ings[ing]/2))) {
|
||||||
|
show=false;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
if (!(resources[ing]>=ings[ing])) {
|
||||||
|
disabled=true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
for (var ing in ings) {
|
||||||
|
if (!(resources[ing]>=ings[ing])) {
|
||||||
|
disabled=true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (show) {
|
||||||
|
if (!unlockedBuildings.includes(name)) {
|
||||||
|
unlockedBuildings.push(name);
|
||||||
|
}
|
||||||
|
var btext=name+" (";
|
||||||
|
var i=0;
|
||||||
|
var ingsize=Object.keys(ings).length;
|
||||||
|
for (var ing in ings) {
|
||||||
|
if (i==(ingsize-1)) {
|
||||||
|
btext+=ings[ing]+" "+ing+")";
|
||||||
|
} else {
|
||||||
|
btext+=ings[ing]+" "+ing+", "
|
||||||
|
}
|
||||||
|
i++;
|
||||||
|
}
|
||||||
|
if (disabled) {
|
||||||
|
$("#craft_buttons").append("<button disabled onclick=craft(\""+name+"\")>Craft a "+btext+"</button><br>");
|
||||||
|
} else {
|
||||||
|
$("#craft_buttons").append("<button onclick=craft(\""+name+"\")>Craft a "+btext+"</button><br>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function updatePopulation() {
|
||||||
|
if(pop>0) {
|
||||||
|
updateWorkerInfo();
|
||||||
|
}
|
||||||
|
if (pop<maxPop) {
|
||||||
|
pop+=1;
|
||||||
|
updateWorkerInfo();
|
||||||
|
}
|
||||||
|
updatePopulationInfo();
|
||||||
|
}
|
||||||
|
function updatePopulationInfo() {
|
||||||
|
$("#pop").text("Population: "+pop+"/"+maxPop);
|
||||||
|
}
|
||||||
|
function updateWorkerInfo() {
|
||||||
|
$("#work_pop").text("Working: "+working+"/"+pop);
|
||||||
|
$(".hire").attr("disabled",working==pop);
|
||||||
|
for (var worker in workers) {
|
||||||
|
$("#fire_"+worker).attr("disabled",workers[worker]==0);
|
||||||
|
$("#num_"+worker+"s").text(capitalizeFirst(worker)+"s: "+workers[worker]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function research(name) {
|
||||||
|
research_points-=all_researches[name].cost;
|
||||||
|
if (researches[name]) {
|
||||||
|
researches[name]+=1;
|
||||||
|
} else {
|
||||||
|
researches[name]=1;
|
||||||
|
}
|
||||||
|
updateResearchButtons();
|
||||||
|
updateResearchInfo();
|
||||||
|
applyResearches();
|
||||||
|
}
|
||||||
|
function updateResearchPointInfo() {
|
||||||
|
$("#research_points").text("Research points: "+research_points+"/"+max_research_points);
|
||||||
|
}
|
||||||
|
function updateResearchButtons() {
|
||||||
|
$("#research_buttons").html("");
|
||||||
|
for (var name in all_researches) {
|
||||||
|
var research=all_researches[name];
|
||||||
|
var cost=research.cost;
|
||||||
|
var maxLevel=research.maxLevel;
|
||||||
|
var show=true;
|
||||||
|
var disabled=false;
|
||||||
|
if (!unlockedResearch.includes(name)) {
|
||||||
|
if (research_points<cost/2) {
|
||||||
|
show=false;
|
||||||
|
} else if (research_points<cost) {
|
||||||
|
disabled=true;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if (researches[name]==maxLevel) {
|
||||||
|
show=false
|
||||||
|
} else if (research_points<cost) {
|
||||||
|
disabled=true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (show) {
|
||||||
|
if (!unlockedResearch.includes(name)) {
|
||||||
|
unlockedResearch.push(name);
|
||||||
|
}
|
||||||
|
if (disabled) {
|
||||||
|
$("#research_buttons").append("<button disabled onclick=\"research('"+name+"')\">"+name+" ("+cost+" points)</button><br>");
|
||||||
|
} else {
|
||||||
|
$("#research_buttons").append("<button onclick=\"research('"+name+"')\">"+name+" ("+cost+" points)</button><br>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function hire(type) {
|
||||||
|
workers[type]+=1;
|
||||||
|
working+=1;
|
||||||
|
updateWorkerInfo();
|
||||||
|
}
|
||||||
|
function fire(type) {
|
||||||
|
workers[type]-=1;
|
||||||
|
working-=1;
|
||||||
|
updateWorkerInfo();
|
||||||
|
}
|
||||||
|
function autoInc() {
|
||||||
|
for (var worker in workers) {
|
||||||
|
worker_amount=workers[worker];
|
||||||
|
amount=worker_rate*worker_amount;
|
||||||
|
if (amount>0) {
|
||||||
|
if (worker=="scientist") {
|
||||||
|
var usedMetal=Math.ceil(worker_amount*0.4);
|
||||||
|
if (resources["metal"]>=usedMetal) {
|
||||||
|
incResource(worker_resource[worker],amount);
|
||||||
|
decResource("metal",usedMetal);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
incResource(worker_resource[worker],amount);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function save() {
|
||||||
|
gamestate={
|
||||||
|
maxPop:maxPop,
|
||||||
|
pop:pop,
|
||||||
|
working:working,
|
||||||
|
workers:workers,
|
||||||
|
resources:resources,
|
||||||
|
maxResources:maxResources,
|
||||||
|
numResources:numResources,
|
||||||
|
buildings:buildings,
|
||||||
|
unlockedBuildings:unlockedBuildings,
|
||||||
|
has_shelter:has_shelter,
|
||||||
|
research_enabled:research_enabled,
|
||||||
|
researches:researches,
|
||||||
|
unlockedResearch:unlockedResearch,
|
||||||
|
research_points:research_points,
|
||||||
|
max_research_points:max_research_points
|
||||||
|
}
|
||||||
|
localStorage.setItem("game",JSON.stringify(gamestate));
|
||||||
|
}
|
||||||
|
function load() {
|
||||||
|
var gamestate=JSON.parse(localStorage.getItem("game"));
|
||||||
|
if (gamestate==null) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
maxPop=gamestate.maxPop;
|
||||||
|
pop=gamestate.pop;
|
||||||
|
working=gamestate.working;
|
||||||
|
workers=gamestate.workers;
|
||||||
|
resources=gamestate.resources;
|
||||||
|
maxResources=gamestate.maxResources;
|
||||||
|
numResources=gamestate.numResources;
|
||||||
|
buildings=gamestate.buildings;
|
||||||
|
unlockedBuildings=gamestate.unlockedBuildings;
|
||||||
|
has_shelter=gamestate.has_shelter;
|
||||||
|
research_enabled=gamestate.research_enabled;
|
||||||
|
researches=gamestate.researches;
|
||||||
|
unlockedResearch=gamestate.unlockedResearch;
|
||||||
|
research_points=gamestate.research_points;
|
||||||
|
max_research_points=gamestate.max_research_points;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function reset() {
|
||||||
|
localStorage.removeItem("game");
|
||||||
|
if (load()!=false) {
|
||||||
|
alert("Unable to reset game");
|
||||||
|
}
|
||||||
|
init();
|
||||||
|
}
|
||||||
|
function init() {
|
||||||
|
if (!load()) {
|
||||||
|
maxPop=0;
|
||||||
|
maxResources=50;
|
||||||
|
pop=0;
|
||||||
|
working=0;
|
||||||
|
resources={};
|
||||||
|
buildings={};
|
||||||
|
unlockedBuildings=[];
|
||||||
|
has_shelter=false;
|
||||||
|
research_enabled=false;
|
||||||
|
researches={};
|
||||||
|
unlockedResearch=[];
|
||||||
|
research_points=0;
|
||||||
|
workers={
|
||||||
|
lumberjack:0,
|
||||||
|
miner:0,
|
||||||
|
scientist:0
|
||||||
|
};
|
||||||
|
}
|
||||||
|
set_tab("main");
|
||||||
|
updateShown();
|
||||||
|
updateResourceInfo();
|
||||||
|
updateBuildingInfo();
|
||||||
|
updatePopulationInfo();
|
||||||
|
updateWorkerInfo();
|
||||||
|
updateCraftButtons();
|
||||||
|
updateResearchPointInfo();
|
||||||
|
updateResearchButtons();
|
||||||
|
updateResearchInfo();
|
||||||
|
|
||||||
|
applyResearches();
|
||||||
|
}
|
||||||
|
function set_tab(tab) {
|
||||||
|
if ($("#link_"+tab).is(":visible")) {
|
||||||
|
$("[id^='tab_']").hide();
|
||||||
|
$("[id^='link_']").removeClass("active");
|
||||||
|
$("#tab_"+tab).show();
|
||||||
|
$("#link_"+tab).addClass("active");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function applyResearches() {
|
||||||
|
for (var research in researches) {
|
||||||
|
var effects=all_researches[research].effects;
|
||||||
|
var level=researches[research];
|
||||||
|
for (var effect in effects) {
|
||||||
|
if (effect=="worker_rate") {
|
||||||
|
worker_rate=0.5;
|
||||||
|
worker_rate+=effects[effect]*level;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function updateResearchInfo() {
|
||||||
|
$("#researches").html("");
|
||||||
|
for (var name in researches) {
|
||||||
|
$("#researches").append("<p>"+name+": Level "+researches[name]+"</p>");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$(document).ready(function() {
|
||||||
|
init();
|
||||||
|
$(window).on("unload",function(e){
|
||||||
|
save();
|
||||||
|
});
|
||||||
|
window.setInterval(function() {
|
||||||
|
updatePopulation();
|
||||||
|
}, 10000);
|
||||||
|
window.setInterval(function() {
|
||||||
|
autoInc();
|
||||||
|
}, 2000);
|
||||||
|
});
|
Loading…
Reference in New Issue
Block a user