flavor text, autosaves

static/js/seagull.js

@@ -3,10 +3,14 @@ const sleep = ms => new Promise(r => setTimeout(r, ms)); // sleep(int ms)
 var page_elements = {};
 
 var gamestate = {};
+var ticks_since_last_save = 0;
 
 const gamestate_default = {
+    "statever": "1",
     "tick": 1,
-    "name": "Nameless"
+    "name": "Nameless",
+    "level": 1,
+    "autosave": 35
 };
 
 function prepare_gamestate() {
@@ -42,6 +46,9 @@ var tick_meter_running = true;
 
 async function game_tick() {
     gamestate["tick"] += 1;
+    ticks_since_last_save += 1;
+    // temp
+    page_elements["lbl_colony"].innerHTML = ticks_since_last_save;
     page_elements["lbl_tick"].innerHTML = gamestate["tick"];
     var tickdata = await fetch("/tick")
     .then(res => {
@@ -66,6 +73,15 @@ async function game_tick() {
         //await sleep(12000);
         //game_tick();
     }
+
+    // sanity check
+    if (!("autosave" in gamestate)) {
+        gamestate["autosave"] = 35;
+    }
+    if (ticks_since_last_save % gamestate["autosave"] == 0 && ticks_since_last_save != 0) {
+        save_game();
+        ticks_since_last_save = 0;
+    }
 }
 
 document.addEventListener("DOMContentLoaded", function (ev) {
@@ -73,6 +89,7 @@ document.addEventListener("DOMContentLoaded", function (ev) {
     page_elements["div_name"] = document.querySelector("#side-seagull-name");
     page_elements["div_name_editor"] = document.querySelector("#side-seagull-name-editor");
     page_elements["lbl_name"] = document.querySelector("#lbl-seagull-name");
+    page_elements["lbl_colony"] = document.querySelector("#lbl-seagull-colony");
     page_elements["edt_name"] = document.querySelector("#edt-seagull-name");
     page_elements["lbl_tick"] = document.querySelector("#main-day-counter");