reldens/lib/game/client/handlers/full-screen-handler.js

Reldens - MMORPG Platform

/**
 *
 * Reldens - FullScreenHandler
 *
 * Manages full-screen toggle functionality for the game. Handles full-screen button clicks and
 * browser full-screen API, applying CSS classes for full-screen state changes.
 *
 */

const { GameConst } = require('../../constants');

/**
 * @typedef {import('../game-manager').GameManager} GameManager
 */
class FullScreenHandler
{

    /**
     * @param {GameManager} gameManager
     */
    constructor(gameManager)
    {
        this.gameManager = gameManager;
        this.gameDom = this.gameManager.gameDom;
        this.body = this.gameDom.getElement(GameConst.SELECTORS.BODY);
    }

    activateFullScreen()
    {
        this.gameDom.getElement(GameConst.SELECTORS.FULL_SCREEN_BUTTON)?.addEventListener('click', (e) => {
            e.preventDefault();
            if(!this.gameDom.getDocument().fullscreenEnabled){
                return;
            }
            if(!this.body.classList.contains(GameConst.CLASSES.FULL_SCREEN_ON)){
                this.body.requestFullscreen();
                this.goFullScreen();
                return;
            }
            this.gameDom.getDocument().exitFullscreen();
            this.exitFullScreen();
        });
        this.gameDom.getWindow().matchMedia('(display-mode: fullscreen)').addEventListener('change', ({ matches }) => {
            if(matches){
                this.goFullScreen();
                return;
            }
            this.exitFullScreen();
        });
    }

    goFullScreen()
    {

        this.body.classList.add(GameConst.CLASSES.FULL_SCREEN_ON);
        if(this.gameManager?.gameEngine){
            this.gameManager.gameEngine.updateGameSize(this.gameManager);
        }
    }

    exitFullScreen()
    {
        this.body.classList.remove(GameConst.CLASSES.FULL_SCREEN_ON);
        if(this.gameManager?.gameEngine){
            this.gameManager.gameEngine.updateGameSize(this.gameManager);
        }
    }
}

module.exports.FullScreenHandler = FullScreenHandler;