updateRoom just takes the state, which has a location. Working on game logic

game.js

@@ -0,0 +1,26 @@
+function initGame(game, state) {
+  state.info = {};
+  state.info.time = 60 * 60 * 9;
+}
+
+// TODO: format string this lol
+function renderTime(time) {
+  let hours = Math.floor(time / 3600) % 12;
+  const ampm = Math.floor(time / 3600) % 24 < 12 ? "AM" : "PM";
+  let minutes = Math.floor(time / 60) % 60;
+  let seconds = time % 60;
+
+  if (minutes <= 9)
+    minutes = "0" + minutes;
+
+  if (seconds <= 9)
+    seconds = "0" + seconds;
+
+  return hours + ":" + minutes + ":" + seconds + " " + ampm;
+}
+
+function updateWorldInfo(state) {
+  const timeInfo = document.querySelector("#world-info-time");
+
+  timeInfo.textContent = "Time: " + renderTime(state.info.time);
+}

satiate.css

@@ -36,6 +36,12 @@ html, body {
   flex: 2;
 }
 
+#world-info {
+  margin: 10px;
+  background: #222;
+  flex: 5;
+}
+
 #self-info {
   margin: 10px;
   background: #222;

satiate.html

@@ -6,6 +6,8 @@
   <title>Satiate</title>
   <link rel="stylesheet" href="satiate.css">
   <script src="audio.js"></script>
+  <script src="entity.js"></script>
+  <script src="game.js"></script>
   <script src="world.js"></script>
   <script src="satiate.js"></script>
   <meta name="theme-color" content="#000000" />
@@ -22,6 +24,10 @@
       <div id="menu">
         this is the menu, eventually
       </div>
+      <div id="world-info">
+        this is world info
+        <div id="world-info-time">Time to get a watch!</div>
+      </div>
       <div id="self-info">
         this is your own info
       </div>

satiate.js

@@ -28,11 +28,17 @@ function print(lines) {
   log.scrollTop = log.scrollHeight;
 }
 
+function refresh() {
+  updateRoom(state);
+  updateWorldInfo(state);
+}
+
 // setup the game
 
 function init() {
   initWorld("demo", state);
   initAudio("demo", state);
+  initGame("demo", state);
 
   goToRoom("Home", state);
 }

world.js

@@ -55,8 +55,9 @@ function moveToRoom(src, exit, dest, state) {
   }
 
   state.world[dest].move(state.world[dest], state);
+  state.player.location = dest;
 
-  updateRoom(dest, state);
+  updateRoom(state);
 }
 
 function goToRoom(dest, state) {
@@ -70,14 +71,16 @@ function goToRoom(dest, state) {
     }
   }
 
-  updateRoom(dest, state);
+  state.player.location = dest;
+  updateRoom(state);
 }
 
-function updateRoom(dest, state) {
-  const room = state.world[dest];
+function updateRoom(state) {
+  const name = state.player.location
+  const room = state.world[name];
 
-  if (!state.player.rooms[dest.id]) {
-    state.player.rooms[dest.id] = {};
+  if (!state.player.rooms[name.id]) {
+    state.player.rooms[name.id] = {};
   }
 
   const areaName = document.querySelector("#area-name");
@@ -160,7 +163,7 @@ function updateRoom(dest, state) {
 
       button.addEventListener("click", () => {
         action.execute(room, state);
-        updateRoom(room.id, state);
+        refresh();
       });
 
       button.addEventListener("mouseenter", () => {