some inventoryBar fixes

Author: michaljaz

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "files.watcherExclude": {
+        "**/.git/objects/**": true,
+        "**/node_modules/**": true
+    }
+}

src/client/scripts/InventoryBar.js

@@ -14,18 +14,17 @@ class InventoryBar {
         }
     }
 
-    setGamemode(gamemode) {
+    updateGamemode(gamemode) {
         // mineflayer doesn't currently include support for spectator mode
         if (gamemode === "creative") {
             $(
                 (gamemode === "spectator" ? ".inv_bar, .inv_cursor" : "") +
-                    ".player_hp, .player_food, .xp_bar_empty, xp_bar"
+                    ".player_hp, .player_food, .xp_bar_empty, .xp_bar, .player_xp"
             ).css("display", "none");
         } else {
-            $(".player_hp, .player_food, .xp_bar_empty, xp_bar").css(
-                "display",
-                "initial"
-            );
+            $(
+                ".player_hp, .player_food, .xp_bar_empty, .xp_bar, .player_xp"
+            ).css("display", "block");
         }
     }
 
@@ -89,11 +88,11 @@ class InventoryBar {
 
     setXp(level, progress) {
         if (level === 0) {
-            $(".player_xp").hide();
+            $(".player_xp").text("");
         } else {
-            $(".player_xp").show();
             $(".player_xp").text(level);
         }
+
         return $(".xp_bar").css("width", `${500 * progress}px`);
     }
 
@@ -122,7 +121,7 @@ class InventoryBar {
         }
     }
 
-    update() {
+    updateItems() {
         var list = $(".item");
         for (var i = 0; i < list.length; i++) {
             var url;

src/client/scripts/index.js

@@ -14,7 +14,7 @@ class Game {
             }
             this.fov = {
                 normal: 70,
-                sprint: 85,
+                sprint: 80,
             };
             this.toxelSize = 27;
             this.dimension = null;
@@ -28,6 +28,7 @@ class Game {
                 "minecraft:nether": [133 / 255, 40 / 255, 15 / 255],
             };
             this.headHeight = 17;
+            this.gamemode = null;
 
             Setup(this, () => {
                 this.init();
@@ -38,7 +39,7 @@ class Game {
     init() {
         this.socket.on("connect", () => {
             console.log("Connected to server!");
-            $(".loadingText").text("Joining server...");
+            $(".loadingText").text(`Connecting to ${this.server}`);
             console.log(`User nick: ${this.nick}`);
             console.log(`Server ip: ${this.server}:${this.serverPort}`);
             this.socket.emit("initClient", {
@@ -72,7 +73,7 @@ class Game {
             this.world.computeSections(sections, x, z);
         });
         this.socket.on("game", (gameData) => {
-            this.inv_bar.setGamemode(gameData.gameMode);
+            this.inv_bar.updateGamemode(gameData.gameMode);
         });
         this.socket.on("hp", (points) => {
             this.inv_bar.setHp(points);
@@ -182,7 +183,7 @@ class Game {
         if (this.eh.gameState === "inventory") {
             this.pii.render();
         }
-        this.inv_bar.update();
+        this.inv_bar.updateItems();
         this.distanceBasedFog.update();
         this.renderer.render(this.scene, this.camera);
     }