_game.js

import { AssetManager } from "./assetManager.js"
import { Camera } from "./camera.js"
import { LoadingState, MenuState, LevelSelectState, FadeIn, PlayState, PauseState, RestartConfirmState, GSM, FadeOut, LevelCompleteState, GameOverState, OptionsState } from "./state.js"
import { Input } from "./input.js"
import { Map, BackgroundLayer } from "./map.js"
import { Hero, HeroStateMachine } from "./hero.js"
import { UI } from "./ui.js"
import { CollisionBlock } from "./collisionblock.js"
import { drawCharacterStatus, drawEnemyhealthbar, drawPlayerenergybar, drawPlayerhealthbar, drawPlayerScore, drawHeroStatus } from "./utils.js"
import { Forest, Ruins } from "./levels.js"
import { Enemy } from "./enemypool.js"
import { AudioControl } from "./audio.js"

export class Game{
    constructor(canvas){
        this.canvas = canvas;
        this.width = this.canvas.width;
        this.height = this.canvas.height;
        
        this.tileSize = 48;
        this.rows = Math.ceil(this.height/this.tileSize);
        this.columns = Math.ceil(this.width/this.tileSize);
        
        //UI, INPUT AND ASSETMANAGER INSTANCES
        this.ui = new UI();
        this.ui.fullscreenBtn.addEventListener('click', ()=>{
            this.toggleFullscreen();
        });
        this.input = new Input(this);
        this.assetManager = new AssetManager(this);

        //MAP, PLAYER AND CAMERA
        this.map = new Map(this);
        this.background = new BackgroundLayer(this, 0.3);
        this.clouds = new BackgroundLayer(this, 0.3);
        this.bushes = new BackgroundLayer(this, 0.7);
        this.backgroundLayers = [this.background, this.clouds, this.bushes];

        this.player = new Hero(this);
        this.enemy = new Enemy(this);
        this.enemy.start(400, 0);
        
        this.camera = new Camera(this);
        this.camera.follow(this.player);
        
        //game rows and columns
        this.rows = undefined;
        this.columns = undefined;
        //collisionBlock instance
        this.collisionBlock = new CollisionBlock(this);
        //collisonblocks data
        this.solidBlocks = undefined;
        this.immobile_liquidBlocks = undefined;
        this.mobileBlocks = undefined;
        this.exitDoor = undefined;
        //PAUSE AND PLAY
        this.paused = false;
        //DEBUG MODE
        this.debug = false;
        //BATTLE ZONE DIMENSION
        //this is temporary; later, each enemy type will have different battle zone ranges
        this.battleZone = 250; //a square battle zone, 300 width x 300 height
        //ENEMY POOLS
        this.gameTotalBasicEnemies = 20;
        this.numberOfBasicEnemies = undefined;
        this.numberOfBosses = undefined;
        this.enemies = [];
        this.bosses = [];
        
        //LEVELS
        //create all enemies for the entire game duration created here:
        this.createEnemyPool();
        
        this.levels = [new Forest(this), new Ruins(this)];
        //the currentLevel sets all the undefined member variables pertaining to each level
        this.currentLevel = this.levels[0];
        
        //STATE MACHINES
        //game states
        this.gsm = new GSM(this);
        this.STATES = {
            LOADING: new LoadingState(this),
            MENU: new MenuState(this),
            LEVELSELECT: new LevelSelectState(this),
            FADEIN: new FadeIn(this),
            PLAY: new PlayState(this),
            PAUSE: new PauseState(this),
            FADEOUT: new FadeOut(this),
            LEVELCOMPLETE: new LevelCompleteState(this),
            RESTARTCONFIRM: new RestartConfirmState(this),
            OPTIONS: new OptionsState(this)
    };
        //hero and enemy state machines
        this.heroStateMachine = new HeroStateMachine(this);
        
        //AUDIO INPUT
        this.audio = new AudioControl(this);
                
        //TOGGLE FULLSCREEN AND DEBUG MODES
        this.ui.fullscreenBtn.addEventListener('click', ()=>{
            this.toggleFullscreen();
        });
        this.ui.play_specialBtn.addEventListener('mouseup', () => {
            this.debug = !this.debug;
        });
        
        //FLOATING MESSAGES
        this.floatingMessages = [];
        //console
    }
    
    render(ctx, deltaTime){
        ctx.clearRect(0,0, this.width, this.height);
        this.gsm.renderState(ctx, deltaTime);
        
        //temp
        this.enemies.forEach((enemy, i)=>{
            if(!enemy.free){
                drawEnemyhealthbar(this, ctx, enemy);
                ctx.fillStyle = "gold";
                ctx.textAlign = "center";
                ctx.textBaseline = "middle";
                ctx.font = "30px Arial";
                ctx.fillText(i, -this.camera.viewportX+enemy.collisionbox.x + enemy.collisionbox.width*0.5, -this.camera.viewportY+enemy.collisionbox.y);
            } 
        })
        
        drawCharacterStatus(ctx, this.enemies[0]);
        drawPlayerhealthbar(ctx, this.player);
        drawPlayerenergybar(ctx, this.player);
        drawPlayerScore(ctx, this.player);
        
        drawHeroStatus(ctx, this.player);
        
        //this.drawGrid(ctx);
        this.floatingMessages.forEach(message=>{message.render(ctx)})
    }
    
    createEnemyPool(){
        for(let i = 0; i < this.gameTotalBasicEnemies; ++i){
            this.enemies.push(new Enemy(this));
        }
    }

    getOneFreeEnemy(){
        for(let i = 0; i < this.enemies.length; ++i){
            const enemy = this.enemies[i];
            if(enemy.free) return enemy;
        }
    }

    update(ctx, deltaTime){
        //update game rows and columns
        this.rows = this.map.height/this.tileSize;
        this.columns = this.map.width/this.tileSize;
        this.floatingMessages.forEach(message=>{message.update()})
        this.floatingMessages = this.floatingMessages.filter(message=> !message.markedForDeletion );
        this.gsm.updateState(ctx, deltaTime);
    }

    rectangularCollision(a, b){
        return (
            a.x + a.width >= b.x &&
            a.x <= b.x + b.width &&
            a.y + a.height >= b.y &&
            a.y <= b.y + b.height
            );
    }
    
    randomFloat(min, max){
        return Math.random() * (max - min) + min;
    }
    
    randomInt(min, max){
        return Math.floor (Math.random() * (max-min) + min);
    }
    
    toggleFullscreen(){
        if(!document.fullscreenElement){
            document.documentElement.requestFullscreen();
        }else if(document.exitFullscreen){
            document.exitFullscreen();
        }
    }
    
    drawGrid(ctx){
        for(let row = 0; row < this.rows; ++ row){
            for(let col = 0; col < this.columns; ++col){
                ctx.strokeStyle = "black";
                ctx.strokeRect(-this.camera.viewportX+col*this.tileSize, -this.camera.viewportY+row*this.tileSize, this.tileSize, this.tileSize);
                //show numbers on grid
                ctx.fillStyle = "white";
                ctx.font = "13px Arial";
                ctx.textAlign = "center";
                ctx.textBaseline = "middle";
                const tileCentre = this.tileSize/2;
                //ctx.fillText(-this.camera.viewportX+col+","+row, -this.camera.viewportY+col*this.tileSize + tileCentre, row*this.tileSize + tileCentre);
            }
        }
        
    }
    
}