RaspberryRocketeer/frontend/game.ts

const PIPE_IMAGE_PATH: string = "resources/raspberry-low-res.png";
const BACKGROUND_IMAGE_PATH: string = "resources/raspberry-low-res.png";
const RASPBERRY_IMAGE_PATH: string = "resources/raspberry-rocket.png";
const FLOOR_IMAGE_PATH: string = "resources/"; //TODO: add image for floor
const SCROLLING_POSTER_IMAGE_PATHS: string[] = [
    "resources/rickroll.png",
    "resources/seesORsoos_sad_no-bg.png",
    "resources/sw_icon.png"
];
const OBSTACLE_WIDTH: number = 88;
const OBSTACLE_COUNT: number = 3;
const FLOOR_HEIGHT: number = 200;
const BOOST_KEYS = ["k", " "];
let obstacleOffset: number;
let backgroundImage: any;
let scrollingPosterImages: p5.Image[] = [];

let obstacles: Obstacle[] = [];
let raspberry: Raspberry;
let paused: boolean;
let score: number = 0;
let hasAlreadyScored: boolean = false;
let hasDied: boolean = false;
let ready: boolean = true;

/**
 * p5 setup function.
 */
function setup() {
    backgroundImage = loadImage(BACKGROUND_IMAGE_PATH);
    loadScrollingPosterImages();
    createCanvas(2000, 1000);
    setupObstacleConsts();
    setupFont();
    setupGame();
}

/**
 * Loads all scrolling poster images into the `scrollingPosterImages` list
 */
function loadScrollingPosterImages(){
    for (const posterImagePath of SCROLLING_POSTER_IMAGE_PATHS) {
        scrollingPosterImages.push(loadImage(posterImagePath));
    }
}

/**
 * Sets up the constants needed for the game.
 */
function setupObstacleConsts() {
    obstacleOffset = width / OBSTACLE_COUNT;
    Obstacle.distanceBetweenPipes = height / 2.5
    Obstacle.startX = width;
}

/**
 * Set up the font.
 */
function setupFont() {
    textSize(150);
    textAlign(CENTER);
    textFont(loadFont("resources/PressStart2P-Regular.ttf"));
}

/**
 * Sets up everything needed for the game.
 */
function setupGame() {
    paused = true;
    raspberry = new Raspberry(RASPBERRY_IMAGE_PATH);
    setupObstacles();
}

/**
 * Clears the obstacles and reinitializes them.
 */
function setupObstacles() {
    obstacles = [];
    instantiateObstacles(OBSTACLE_COUNT);
    obstacles.forEach((obstacle) => obstacle.randomizeHeight());
}

/**
 * Instantiates a certain amount of obstacles.
 * @param number
 */
function instantiateObstacles(number: number) {
    for (let i = 0; i < number; i++) {
        obstacles.push(
            new Obstacle(new Position(width + obstacleOffset * i, 0), OBSTACLE_WIDTH, height, PIPE_IMAGE_PATH));
    }
}

/**
 * Draws and updates the game.
 */
function draw() {
    update();
    gameLoop();
    drawGame();
}

/**
 * Draws the game's elements.
 */
function drawGame() {
    drawScenery();
    drawEntities();
    displayScore();
}

/**
 * Draws the:
 * - background
 * - floor
 */
function drawScenery(){
   background(backgroundImage);
   drawFloor();
   drawBackgroundPosters();
}

/**
 * Draws the floor with the corresponding image
 */
function drawFloor(){
    push();
    noFill();
    //TODO: image
    // image(loadImage(FLOOR_IMAGE_PATH), 0, height - FLOOR_HEIGHT, width, FLOOR_HEIGHT);
    rect(0, height - FLOOR_HEIGHT, width, FLOOR_HEIGHT);
    pop();
}

function drawBackgroundPosters(){
    for (const posterImage of scrollingPosterImages){
        push();
        noFill();
        //TODO scroll images and dont load all at once
        image(posterImage, 0, 0);
        pop();
    }
}

/**
 * Draws the game's enities.
 */
function drawEntities() {
    raspberry.draw();
    drawObstacles();
}

/**
 * Operations for the game's functionality.
 */
function gameLoop() {
    if (!paused) {
        collisionCheck(obstacles[0]);
        checkRaspberryScore();
    }
}

/**
 * Checks the collision between an obstacle and the raspberry.
 * @param o
 */
function collisionCheck(o: Obstacle) {
    if (o.collides(raspberry)) {
        die();
        setupGame();
    }
}

/**
 * Timeouts key events.
 */
function die() {
    ready = false;
    hasDied = true;
    setTimeout(() => ready = true, 1000);
}

/**
 * Displays the game score.
 */
function displayScore() {
    push();
    fill(200, 100, 60);
    text(score, 0, height / 10, width, height);
    pop();
}

/**
 * Updates all objects.
 */
function update() {
    if (!paused) {
        raspberry.update();
    }
    obstacles.forEach((obstacle: Obstacle) => {
        if (!paused) {
            obstacle.update();
            // Reset Obstacles Position
            checkObstacleReset(obstacle);
        }
    })
}

/**
 * Draws the obstacles.
 */
function drawObstacles() {
    obstacles.forEach((obstacle) => {
        obstacle.draw();
    });
}


/**
 * Check if obstacle positions should be reset and reset if so
 * @param obstacle obstacle to check
 */
function checkObstacleReset(obstacle: Obstacle) {
    if (obstacle.position.x < -OBSTACLE_WIDTH) {
        obstacle.resetPosition();
        obstacles.shift();
        obstacles.push(obstacle);
        hasAlreadyScored = false;
    }
}

/**
 * Check if the raspberry should score and set score
 */
function checkRaspberryScore() {
    if ((obstacles[0].position.x + obstacles[0].width / 2) < (raspberry.position.x + raspberry.width / 2)
        && !hasAlreadyScored) {
        score += 1;
        hasAlreadyScored = true;
    }
}

/**
 * Resets the score if game is started
 */
function resetScore(): void {
    if (hasDied) {
        hasDied = false;
        score = 0;
        hasAlreadyScored = false;
    }
}

/**
 * Handler for key events.
 */
function keyPressed() {
    if (!ready) return;
    // Jump
    if (BOOST_KEYS.includes(key.toLowerCase())) {
        resetScore();
        raspberry.boost();
    }

    // Pause the Game
    if (key == "Escape") {
        paused = !paused;
    } else if (paused) {
        paused = false;
    }
}