Setup.js

import * as THREE from "three";
import TWEEN from "@tweenjs/tween.js";
import Stats from "stats-js";
import * as dat from "dat.gui";
import io from "socket.io-client";
import { DistanceBasedFog } from "./DistanceBasedFog.js";
import { UrlParams } from "./UrlParams.js";
import { gpuInfo } from "./gpuInfo.js";
import { World } from "./World/World.js";
import { InventoryBar } from "./InventoryBar.js";
import { Chat } from "./Chat.js";
import { Entities } from "./Entities.js";
import { PlayerInInventory } from "./PlayerInInventory.js";
import { BlockBreak } from "./BlockBreak.js";
import { BlockPlace } from "./BlockPlace.js";
import { EventHandler } from "./EventHandler.js";

function Setup(game, cb) {
    game.canvas = document.querySelector("#c");
    game.pcanvas = document.querySelector("#c_player");
    game.renderer = new THREE.WebGLRenderer({
        canvas: game.canvas,
        PixelRatio: window.devicePixelRatio,
    });
    game.renderer.sortObjects = true;
    game.scene = new THREE.Scene();
    game.camera = new THREE.PerspectiveCamera(game.fov.normal, 2, 0.1, 1000);
    game.camera.rotation.order = "YXZ";
    game.camera.position.set(26, 26, 26);
    game.scene.add(new THREE.AmbientLight(0xffffff));
    game.stats = new Stats();
    game.drawcalls = game.stats.addPanel(
        new Stats.Panel("calls", "#ff8", "#221")
    );
    game.stats.showPanel(0);
    document.body.appendChild(game.stats.dom);
    game.distanceBasedFog = new DistanceBasedFog(game);
    UrlParams(game, (password) => {
        console.warn(gpuInfo());
        game.socket = io({
            query: {
                nick: game.nick,
                server: game.server,
                port: game.serverPort,
                password,
                premium: game.premium,
            },
        });
        game.pii = new PlayerInInventory(game);
        game.bb = new BlockBreak(game);
        game.bp = new BlockPlace(game);
        game.world = new World(game);
        game.ent = new Entities(game);
        game.chat = new Chat(game);
        game.inv_bar = new InventoryBar(game);
        game.eh = new EventHandler(game);
        game.distanceBasedFog.addShaderToMaterial(game.world.material);
        var gui = new dat.GUI();
        game.params = {
            chunkdist: 3,
        };
        game.distanceBasedFog.farnear.x = (game.params.chunkdist - 1) * 16;
        game.distanceBasedFog.farnear.y = game.params.chunkdist * 16;
        gui.add(game.world.material, "wireframe").name("Wireframe").listen();
        var chunkDist = gui
            .add(game.params, "chunkdist", 0, 10, 1)
            .name("Render distance")
            .listen();
        chunkDist.onChange(function (val) {
            game.distanceBasedFog.farnear.x = (val - 1) * 16;
            game.distanceBasedFog.farnear.y = val * 16;
            console.log(val);
        });
        game.playerImpulse = function () {
            var to = {
                x: game.playerPos[0],
                y: game.playerPos[1] + game.headHeight,
                z: game.playerPos[2],
            };
            new TWEEN.Tween(game.camera.position)
                .to(to, 100)
                .easing(TWEEN.Easing.Quadratic.Out)
                .start();
        };
        cb();
    });
}
export { Setup };