audio-vis/raw/javascript/app.js

const shaderHandler = new ShaderHandler(null),
    audioHandler = new AudioHandler(),
    gui = new GUI(),
    visual = new VisualDrawer(),
    template = new Template(),
    player = new Player(),
    vConf = new Config("visual"),
    pConf = new Config("player"),
    worker = new Worker('/out/js/worker.min.js'),
    startup = new Startup(),
    eventHandler = new EventHandler(),
    playerConf = new PlayerConfigHandler(),
    keyHandler = new KeyHandler();

let c, gl, cInfo, ctx;

worker.addEventListener('message', e => {
    if (e.data.status === 'startup') {
        startup.moduleLoaded(e.data.cmd);
        return;
    }
    eventHandler.handleEvent(e);
});

window.addEventListener('startupFin', e => {
    setTimeout(e => {
        $('.loading-screen').remove();
    }, 100)
})

async function startUP() {
    pConf.loadConfigByName('default');
    c = $('#c'),
        gl = c.getContext("webgl2"),
        cInfo = $('#cInfo'),
        ctx = cInfo.getContext('2d');
    if (!gl) {
        alert("SORRY THE BROWSER DOESN'T SUPPORT WEBGL2");
        return false;
    }
    shaderHandler.setGL(gl)
    await shaderHandler.loadArray(["wave", "sphere", "water", "wave2d"], 'shaders/');
    await NotificationHandler.instance.init();
    await audioHandler.init();
    await player.init();
    await visual.init();
    await gui.init();
    await imageUploader.init();
    await playerConf.init();
    await keyHandler.init();
    await initHandler();
    toggleShuffle(false);
}

startUP().then(r => {
    startup.moduleLoaded('startup');
});