index.js

import * as THREE from "three";
import TWEEN from "@tweenjs/tween.js";
import swal from "sweetalert";
import { AssetLoader } from "./AssetLoader.js";
import { Setup } from "./Setup.js";

class Game {
    constructor() {
        this.production = PRODUCTION;
        if (this.production) {
            console.log("Running in production mode");
        } else {
            console.log("Running in development mode");
        }
        this.servers = {
            production: ["185.228.139.97", "25564"],
            development: ["localhost", "25565"],
        };
        this.fov = {
            normal: 70,
            sprint: 80,
        };
        this.speed = 1.3;
        this.al = new AssetLoader();
        this.toxelSize = 27;
        this.dimension = null;
        this.flying = false;
        this.playerPos = [0, 0, 0];
        this.dimBg = {
            "minecraft:overworld": [165 / 255, 192 / 255, 254 / 255],
            "minecraft:the_end": [1 / 255, 20 / 255, 51 / 255],
            "minecraft:the_nether": [133 / 255, 40 / 255, 15 / 255],
            "minecraft:end": [1 / 255, 20 / 255, 51 / 255],
            "minecraft:nether": [133 / 255, 40 / 255, 15 / 255],
        };
        this.headHeight = 17;
        this.gamemode = null;
    }

    async init() {
        await this.al.init();
        await Setup(this);
        this.socket.on("alreadyPlaying", () => {
            swal({
                title: "Player already is in server",
                text: "Try later...",
                icon: "error",
                button: "Rejoin",
            }).then(function () {
                document.location.reload();
            });
        });
        this.socket.on("connect", () => {
            console.log("Connected to 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", {
                nick: this.nick,
            });
        });
        this.socket.on("blockUpdate", (block) => {
            this.world.setBlock(block[0], block[1] + 16, block[2], block[3]);
        });
        this.socket.on("spawn", (yaw, pitch) => {
            console.log("Player joined the game!");
            $(".initLoading").css("display", "none");
            this.camera.rotation.y = yaw;
            this.camera.rotation.x = pitch;
        });
        this.socket.on("dimension", (dim) => {
            this.dimension = dim;
            console.log(`Player dimension has been changed: ${dim}`);
            this.world.resetWorld();
            if (this.dimBg[dim] == undefined) {
                dim = "minecraft:overworld";
            }
            var bg = this.dimBg[dim];
            this.scene.background = new THREE.Color(...bg);
            this.distanceBasedFog.color.x = bg[0];
            this.distanceBasedFog.color.y = bg[1];
            this.distanceBasedFog.color.z = bg[2];
            this.distanceBasedFog.color.w = 1;
        });
        this.socket.on("mapChunk", (sections, x, z) => {
            this.world.computeSections(sections, x, z);
        });
        this.socket.on("game", (gameData) => {
            this.inv_bar.updateGamemode(gameData.gameMode);
        });
        this.socket.on("hp", (points) => {
            this.inv_bar.setHp(points);
        });
        this.socket.on("inventory", (inv) => {
            this.inv_bar.updateInv(inv);
        });
        this.socket.on("food", (points) => {
            this.inv_bar.setFood(points);
        });
        this.socket.on("msg", (msg) => {
            this.chat.log(msg);
        });
        this.socket.on("kicked", (reason) => {
            document.exitPointerLock();
            console.log(reason);
            reason = JSON.parse(reason);
            swal({
                title: "You've been kicked!",
                text:
                    reason.extra !== undefined
                        ? reason.extra[0].text
                        : reason.text,
                icon: "error",
                button: "Rejoin",
            }).then(function () {
                document.location.reload();
            });
        });
        this.socket.on("xp", (xp) => {
            this.inv_bar.setXp(xp.level, xp.progress);
        });
        this.socket.on("move", (pos) => {
            this.playerPos = [pos.x - 0.5, pos.y, pos.z - 0.5];
            var to = {
                x: pos.x - 0.5,
                y: pos.y + this.headHeight,
                z: pos.z - 0.5,
            };
            new TWEEN.Tween(this.camera.position)
                .to(to, 100)
                .easing(TWEEN.Easing.Quadratic.Out)
                .start();
        });
        this.socket.on("entities", (entities) => {
            this.ent.update(entities);
        });
        this.socket.on("diggingCompleted", () => {
            this.bb.done = true;
            console.warn("SERVER-DONE");
        });
        this.socket.on("diggingAborted", () => {
            console.warn("SERVER-ABORT");
        });
        this.socket.on("digTime", (time) => {
            console.warn("SERVER-START");
            this.bb.startDigging(time);
        });

        this.mouse = false;
        $(document).on("mousedown", (e) => {
            if (e.which === 1) {
                this.mouse = true;
                if (this.eh.gameState === "gameLock") {
                    this.bb.digRequest();
                }
            } else if (e.which === 3) {
                this.bp.placeBlock();
            }
        });
        $(document).on("mouseup", (e) => {
            if (e.which === 1) {
                this.mouse = false;
                return this.bb.stopDigging();
            }
        });
        return this.animate();
    }

    animate() {
        if (this.stats !== null) {
            this.stats.begin();
            this.render();
            this.stats.end();
        }
        requestAnimationFrame(() => {
            this.animate();
        });
    }

    render() {
        var width = window.innerWidth;
        var height = window.innerHeight;
        if (this.canvas.width !== width || this.canvas.height !== height) {
            this.canvas.width = width;
            this.canvas.height = height;
            this.renderer.setSize(width, height, false);
            this.camera.aspect = width / height;
            this.camera.updateProjectionMatrix();
        }
        this.bb.updatePos(() => {
            if (this.bb.isDigging) {
                this.bb.stopDigging();
            }
            if (this.mouse && this.bb.done) {
                return this.bb.digRequest();
            }
        });
        this.world.updateChunksAroundPlayer(this.params.chunkdist);
        TWEEN.update();
        this.drawcalls.update(this.renderer.info.render.calls, 100);
        if (this.eh.gameState === "inventory") {
            this.pii.render();
        }
        this.inv_bar.updateItems();
        this.distanceBasedFog.update();
        this.renderer.render(this.scene, this.camera);
    }
}

window.onload = () => {
    let game = new Game();
    game.init();
};