script.js

import { updateGround, setupGround } from "./ground.js";
import { updatePlayer, setupPlayer, getPlayerRect, setPlayerLose } from "./player.js";
import { updateObstacle, setupObstacle, getObstacleRects } from "./obstacle.js";
import { updateNft, setupNft, getNftRects } from "./nft.js";

const GAME_WIDTH = 100;
const GAME_HEIGHT = 30;
const SPEED_SCALE_INCREASE = 0.00001;

const gameElem = document.querySelector("[data-game]");
const scoreElem = document.querySelector("[data-score]");
const startScreenElem = document.querySelector("[data-start-screen]");
const gweiTotalScoreEleme = document.querySelector("[data-wei-total-score]");
const nftTotalScoreElem = document.querySelector("[data-nft-total-score]");
const nftScoreElem = document.querySelector("[data-nft-score ]");

setPixelToGameScale();
window.addEventListener("resize", setPixelToGameScale);
document.addEventListener("keydown", handleStart, { once: true });

let lastTime;
let speedScale;
let score;
let nftScore = 0;

// Add Hammer.js gesture recognition
const playerElem = document.querySelector("[data-player]");
const hammer = new Hammer(playerElem);

hammer.get("swipe").set({ direction: Hammer.DIRECTION_VERTICAL });

hammer.on("swipeup", function (event) {
  makePlayerFly(); // Call the function to make the player fly when there is a swipe up gesture
});

function update(time) {
  if (lastTime == null) {
    lastTime = time;
    window.requestAnimationFrame(update);
    return;
  }
  const delta = time - lastTime;

  updateGround(delta, speedScale);
  updatePlayer(delta, speedScale);
  updateObstacle(delta, speedScale);
  updateNft(delta, speedScale);
  updateSpeedScale(delta);
  updateScore(delta);
  checkIfWeGotNft();

  // if there is a collision lose the game
  if (checkLose()) return handleLose();

  lastTime = time;
  window.requestAnimationFrame(update);
}

function checkLose() {
  const playerRect = getPlayerRect();
  return getObstacleRects().some((rect) => isCollision(rect, playerRect));
}

function isCollision(rect1, rect2) {
  return (
    rect1.left < rect2.right &&
    rect1.top < rect2.bottom &&
    rect1.right > rect2.left &&
    rect1.bottom > rect2.top
  );
}

function checkIfWeGotNft() {
  const playerRect = getPlayerRect();
  if (
    getNftRects().some((rect) => isCollision(rect, playerRect))
  ) {
    const nftToRemove = document.querySelectorAll("[data-nft]")[0];
    nftToRemove.remove();
    nftScore += 1;
    nftScoreElem.textContent = `nft score: ${nftScore}`;
  }
}

function updateSpeedScale(delta) {
  speedScale += delta * SPEED_SCALE_INCREASE;
}

function updateScore(delta) {
  score += delta * 0.01;
  scoreElem.textContent = `Player score: ${Math.floor(score)}`;
}

function handleStart() {
  lastTime = null;
  speedScale = 1;
  score = 0;
  setupGround();
  setupPlayer();
  setupObstacle();
  setupNft();
  startScreenElem.classList.add("hide");
  window.requestAnimationFrame(update);
}

window.totalNFTScore = 0;
window.totalGweiScore = 0;

function handleLose() {
  window.totalGweiScore += Math.floor(score);
  window.totalNFTScore += nftScore;

  nftTotalScoreElem.textContent = `NFT total score: ${window.totalNFTScore}`;
  gweiTotalScoreEleme.textContent = `Player total score ${window.totalGweiScore}`;

  nftScore = 0;
  nftScoreElem.textContent = `nft score: ${nftScore}`;
  setPlayerLose();

  setTimeout(() => {
    document.addEventListener("keydown", handleStart, { once: true });
    startScreenElem.classList.remove("hide");
  }, 100);
}

function setPixelToGameScale() {
  let gameToPixelScale;
  if (window.innerWidth / window.innerHeight < GAME_WIDTH / GAME_HEIGHT) {
    gameToPixelScale = window.innerWidth / GAME_WIDTH;
  } else {
    gameToPixelScale = window.innerHeight / GAME_HEIGHT;
  }

  gameElem.style.width = `${GAME_WIDTH * gameToPixelScale}px`;
  gameElem.style.height = `${GAME_HEIGHT * gameToPixelScale}px`;
}