Paws-itively awesome!

[Psydwinder]

Hey team,

Great work on the project, you two have definitely taken on a mammoth of a task trying to code your own version of Space Invaders. But so far it looks great, especially the animation of the villains.

A few things I've noticed are:

1. The animation for the feet villains jump in frames from one end to the other because of the following code:

@keyframes rotate-animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-25deg);
  }
  100% {
    transform: rotate(25deg);
  }
}

But you can make it a smoother animation using the following code

@keyframes rotate-animation {
  0% {
    transform: rotate(25deg);
  }
  50% {
    transform: rotate(-25deg);
  }
  100% {
    transform: rotate(25deg);
  }
}

2. The villain image leaves the gameboard before it moves to the next line, like this:

It might be worth adding in some code here:

function moveForward(allVillains, width) {
  allVillains.forEach((villain) => {
    villain.pos.top === width
      ? console.log("I'M DEAD")
      : (villain.pos.top = villain.pos.top);
  });
}

To prevent it from going outside the gameboard.

3. The first condition of the following ternary operator doesn't execute even when it hits the bottom of the gameboard:

function moveForward(allVillains, width) {
  allVillains.forEach((villain) => {
    villain.pos.top === width
      ? console.log("I'M DEAD")
      : (villain.pos.top = villain.pos.top);
  });
}

Your project just reminds me of this guy from Mr Deeds.