added Vue

frontend/game/game.ts

@@ -0,0 +1,219 @@
+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 OBSTACLE_WIDTH: number = 88;
+const OBSTACLE_COUNT: number = 3;
+const BOOST_KEYS = ["k", " "];
+let obstacleOffset: number;
+let backgroundImage: any;
+
+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);
+    createCanvas(1200, 750);
+    setupObstacleConsts();
+    setupFont();
+    setupGame();
+}
+
+/**
+ * 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);
+    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() {
+    background(backgroundImage);
+    drawEntities();
+    displayScore();
+}
+
+/**
+ * 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, width / 2, 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;
+    }
+}