Add visual feedback for crouching

Author: Picoseconds

src/client/scripts/EventHandler.js

@@ -108,17 +108,23 @@ class EventHandler {
                 _this.gameState === "gameLock"
             ) {
                 _this.game.socket.emit("move", _this.controls[z.code], true);
-                if (_this.controls[z.code] === "sprint") {
-                    var to = {
-                        fov: _this.game.fov + 10,
-                    };
-                    new TWEEN.Tween(_this.game.camera)
-                        .to(to, 200)
-                        .easing(TWEEN.Easing.Quadratic.Out)
-                        .onUpdate(function () {
-                            return _this.game.camera.updateProjectionMatrix();
-                        })
-                        .start();
+                switch (_this.controls[z.code]) {
+                    case "sprint":
+                        var to = {
+                            fov: _this.game.fov,
+                        };
+                        new TWEEN.Tween(_this.game.camera)
+                            .to(to, 200)
+                            .easing(TWEEN.Easing.Quadratic.Out)
+                            .onUpdate(function () {
+                                return _this.game.camera.updateProjectionMatrix();
+                            })
+                            .start();
+                        break;
+
+                    case "sneak":
+                        _this.game.headHeight = 16.7;
+                        break;
                 }
             }
         });
@@ -127,17 +133,23 @@ class EventHandler {
             delete _this.keys[z.code];
             if (_this.controls[z.code] !== undefined) {
                 _this.game.socket.emit("move", _this.controls[z.code], false);
-                if (_this.controls[z.code] === "sprint") {
-                    var to = {
-                        fov: _this.game.fov,
-                    };
-                    new TWEEN.Tween(_this.game.camera)
-                        .to(to, 200)
-                        .easing(TWEEN.Easing.Quadratic.Out)
-                        .onUpdate(function () {
-                            return _this.game.camera.updateProjectionMatrix();
-                        })
-                        .start();
+                switch (_this.controls[z.code]) {
+                    case "sprint":
+                        var to = {
+                            fov: _this.game.fov,
+                        };
+                        new TWEEN.Tween(_this.game.camera)
+                            .to(to, 200)
+                            .easing(TWEEN.Easing.Quadratic.Out)
+                            .onUpdate(function () {
+                                return _this.game.camera.updateProjectionMatrix();
+                            })
+                            .start();
+                        break;
+
+                    case "sneak":
+                        _this.game.headHeight = 17;
+                        break;
                 }
             }
         });

src/client/scripts/index.js

@@ -84,6 +84,7 @@ class Game {
         );
         this.stats.showPanel(0);
         document.body.appendChild(this.stats.dom);
+        this.headHeight = 17;
         this.pii = new PlayerInInventory(this);
         this.bb = new BlockBreak(this);
         this.bp = new BlockPlace(this);
@@ -170,7 +171,7 @@ class Game {
         this.socket.on("move", function (pos) {
             var to = {
                 x: pos.x - 0.5,
-                y: pos.y + 17,
+                y: pos.y + _this.headHeight,
                 z: pos.z - 0.5,
             };
             new TWEEN.Tween(_this.camera.position)