chemicalcrux
/
gorge
1
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 9 Wiki Aktivita
Procházet zdrojové kódy

Add design document. Basic styling.

tags/v0.0.1
Fen Dweller před 7 roky
rodič
8b212b5d00
revize
25fa867cb5
V databázi nebyl nalezen žádný známý klíč pro tento podpis ID GPG klíče: E80B35A6F11C3656
4 změnil soubory, kde provedl 136 přidání a 19 odebrání
Jednotný pohled
Diff Options
Zobrazit statistiky Stáhněte soubor opravy Stáhněte rozdílový soubor
  1. +40
    -0
      design/overview.md
  2. +30
    -0
      gorge.css
  3. +12
    -2
      gorge.html
  4. +54
    -17
      gorge.js

+ 40
- 0
design/overview.md Zobrazit soubor

@@ -0,0 +1,40 @@
# Gorge

Gorge is an idle game but with vore

lol

## Resources

* Food: Base currency

## Buildings

Buildings are bought with *food*

Each tier of building:

* costs more than the previous tier of buildings
* produces food proportional to its cost

The cost for a building is:

$$1.02^{\textrm{count}} \times \textrm{base cost}$$

### Upgrades

There are several categories of upgrades for buildings:

#### Productivity

All buildings have productivity upgrades. Each upgrade doubles production.

#### Synergy

Some buildings have synergy upgrades. Each upgrade causes buildings of one type to enhance buildings of another type.

## Height

Growth can be purchased with *food*

Each growth reduces the cost of buildings and unlocks new tiers of buildings.

+ 30
- 0
gorge.css Zobrazit soubor

@@ -0,0 +1,30 @@
body {
font-family: Sans-Serif;
}

body.dark {
background: #111;
color: #eee;
}

#buildings-area {
width: 20%;
}

#tasty-micro {
color: #ddd;
background-color: #211;
width: 100px;
height: 75px;
}
#buildings-area button {
display: block;
width: 100%;
height: 50px;
background-color: #222;
color: #eee;
}

#buildings-area button:not(:last-child) {

}

+ 12
- 2
gorge.html Zobrazit soubor

@@ -4,7 +4,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Gorge</title> <title>Gorge</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="gorge.css">
<script src="polyfill.js"></script> <script src="polyfill.js"></script>
<script src="constants.js"></script> <script src="constants.js"></script>
<script src="numbers.js"></script> <script src="numbers.js"></script>
@@ -17,6 +17,16 @@
<link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="https://chemicalcrux.org/favicon.ico" type="image/x-icon" />
</head> </head>


<body>
<body class="dark">
<div id="resources">Resources</div>
<div id="resource-food">Food: 0</div> <div id="resource-food">Food: 0</div>
<button id="tasty-micro">Eat Micro</button>
<div id="buildings-area">
<div id="buildings">Buildings</div>
<button class="building-button" id="building-micro"></button>
<button class="building-button" id="building-anthro"></button>
<button class="building-button" id="building-car"></button>
<button class="building-button" id="building-train"></button>
<button class="building-button" id="building-house"></button>
</div>
</body> </body>

+ 54
- 17
gorge.js Zobrazit soubor

@@ -8,23 +8,6 @@ let resources = {


let updateRate = 60; let updateRate = 60;


// setup stuff lol

// we'll initialize the dict of buildings we can own

function setup() {
for (const [key, value] of Object.entries(buildings)) {
belongings[key] = {};
belongings[key].count = 0;
}

console.log(belongings)
}

function price(type) {
return buildings[type].cost * Math.pow(1.02, belongings[type].count)
}

function calculateProductivity() { function calculateProductivity() {
let productivity = 0; let productivity = 0;
for (const [key, value] of Object.entries(belongings)) { for (const [key, value] of Object.entries(belongings)) {
@@ -41,11 +24,29 @@ function productivityOf(type) {
return baseProd * belongings[type].count; return baseProd * belongings[type].count;
} }


function costOf(type) {
let baseCost = buildings[type].cost

let countCost = baseCost * Math.pow(1.02, belongings[type].count);

return countCost;
}

function buyBuilding(type) {
let cost = costOf(type);

if (resources.food > cost) {
belongings[type].count += 1;
resources.food -= cost;
}

}
// update stuff // update stuff


function updateResources() { function updateResources() {
addResources(); addResources();
displayResources(); displayResources();
displayBuildings();


setTimeout(updateResources, 1000/updateRate); setTimeout(updateResources, 1000/updateRate);
} }
@@ -58,6 +59,42 @@ function displayResources() {
document.getElementById("resource-food").innerText = "Food: " + render(resources.food); document.getElementById("resource-food").innerText = "Food: " + render(resources.food);
} }


function displayBuildings() {
for (const [key, value] of Object.entries(belongings)) {
document.getElementById("building-" + key).innerText = buildings[key].name + ": " + belongings[key].count;
}
}

function eatMicro() {
resources.food += 1;
}
// setup stuff lol

// we'll initialize the dict of buildings we can own

function setup() {
initializeData();
registerListeners();

console.log(belongings)
}

function initializeData() {
for (const [key, value] of Object.entries(buildings)) {
belongings[key] = {};
belongings[key].count = 0;
}
}

function registerListeners() {
document.querySelectorAll(".building-button").forEach(function(button) {
let id = button.id.replace("building-", "");
button.addEventListener("click", function() { buyBuilding(id); });
});

document.querySelector("#tasty-micro").addEventListener("click", eatMicro);
}

window.onload = function() { window.onload = function() {
setup(); setup();




Zapsat Náhled
Načítá se…
Zrušit
Uložit