script.js

import ITEMS_POSITIONS from "./objects.js";

// Player movement logic
const gameContainer = document.getElementById("game-container");

const state = {
  collides: "random",
};

const TOP_Y_LIMIT = -194;
const BOTTOM_Y_LIMIT = -54;
const LEFT_X_LIMIT = -152;
const RIGHT_X_LIMIT = 105;

function parseMovement(str, curr) {
  // format ex: lt12 or gt14
  const sign = str.slice(0, 2);
  const num = parseInt(str.slice(2));
  if (sign.localeCompare("lt") === 0) {
    return curr < num;
  } else if (sign.localeCompare("gt") === 0) {
    return curr > num;
  }
  return false;
}

function collidesWithObjects(x, y) {
  for (const item in ITEMS_POSITIONS) {
    const itemPos = ITEMS_POSITIONS[item];
    if (parseMovement(itemPos.x, x) && parseMovement(itemPos.y, y)) {
      state.collides = item;
      console.log(`Collision with ${item} at x=${x}, y=${y}`);
      return true;
    }
  }
  state.collides = "random";
  return false;
}

function canMoveTo(x, y) {
  console.log(`Checking position: x=${x}, y=${y}`);
  return (
    y > TOP_Y_LIMIT &&
    y < BOTTOM_Y_LIMIT &&
    x > LEFT_X_LIMIT &&
    x < RIGHT_X_LIMIT &&
    !collidesWithObjects(x, y)
  );
}

const player = document.getElementsByClassName("player")[0];
document.addEventListener("keydown", (event) => {
  event.preventDefault();

  const key = event.key;
  player.classList = "player"; // Reset player classes

  switch (key) {
    case "ArrowUp":
      player.classList.add("moving-up");
      if (canMoveTo(player.offsetLeft, player.offsetTop - 2)) {
        player.style.top = `${player.offsetTop - 2}px`;
      }
      break;
    case "ArrowDown":
      player.classList.add("moving-down");
      if (canMoveTo(player.offsetLeft, player.offsetTop + 2)) {
        player.style.top = `${player.offsetTop + 2}px`;
      }
      break;
    case "ArrowLeft":
      player.classList.add("moving-left");
      if (canMoveTo(player.offsetLeft - 2, player.offsetTop)) {
        player.style.left = `${player.offsetLeft - 2}px`;
      }
      break;
    case "ArrowRight":
      player.classList.add("moving-right");
      if (canMoveTo(player.offsetLeft + 2, player.offsetTop)) {
        player.style.left = `${player.offsetLeft + 2}px`;
      }
      break;
  }

  player.addEventListener("animationend", (e) => {
    if (e.animationName === "moveDown") {
      player.classList.remove("moving-down");
      player.classList.add("idle-down");
    } else if (e.animationName === "moveUp") {
      player.classList.remove("moving-up");
      player.classList.add("idle-up");
    } else if (e.animationName === "moveLeft") {
      player.classList.remove("moving-left");
      player.classList.add("idle-left");
    } else if (e.animationName === "moveRight") {
      player.classList.remove("moving-right");
      player.classList.add("idle-right");
    }
  });
});

export default state;