Javascript 在《太空入侵者》游戏中，精灵图像拼接后会保持重叠

我正在为我的太空入侵者游戏渲染一堆55个入侵者的三个图像。每次我移除一个入侵者时，该入侵者上的图像都会移动，并与它旁边的入侵者图像重叠

  var invaderImage = new Image();
  invaderImage.src = "img/alien1-2.png";
  var invaderImage1 = new Image();
  invaderImage1.src = "img/alien1.png";
  var invaderImage2 = new Image();
  invaderImage2.src = "img/alien2-2.png";

for (var i = 0; i < this.innvaders.length; i++) {
    var invader = this.invaders[i];
    if (i <= 11) {
      ctx.drawImage(
        invaderImage,
        invader.x - invader.width,
        invader.y - invader.height,
        invader.width * 2.0,
        invader.height * 2.0
      );
    }
    if (i > 11 && i <= 32) {
      ctx.drawImage(
        invaderImage1,
        invader.x - invader.width,
        invader.y - invader.height,
        invader.width * 2.0,
        invader.height * 2.0
      );
    }
    if (i > 32 && i<=55) {
      ctx.drawImage(
        invaderImage2,
        invader.x - invader.width,
        invader.y - invader.height,
        invader.width * 2.0,
        invader.height * 2.0
      );
    }
  }

var investrimage=new Image（）；
invainerimage.src=“img/alien1-2.png”；
var investrimage1=新图像（）；
invainerimage1.src=“img/alien1.png”；
var investrimage2=新图像（）；
investrimage2.src=“img/alien2-2.png”；
for（var i=0；i如果（i 11&&i 32&&i）你在这些图像中使用alpha通道吗？@Solvalou不，我不使用