javascript - 如何仅更改特定图像一次

Question

我制作了一款游戏，其中一辆汽车捡起了怪物，我将其算作一个点。所以现在我想做的是，当他捡起一个怪物时，将汽车的颜色更改为蓝色，并且一段时间后变回红色。所以目前我

isTouching(obj) { // returns true if object is touching box x,y,w,h
    return !(this.x > obj.x + obj.w  || this.y > obj.y + obj.h  || this.x + this.w < obj.x   || this.y + this.h < obj.y );
  },


monsters.array.forEach(monster => {
  if (monster.isTouching(this)) {
    monster.reset();
    monstersCaught += 1;
  }
});  

当汽车搭载乘客时执行此操作。因此我尝试绘制删除红色图像并将其更改为蓝色图像，并在 3 秒后再次更改回红色。但这没有用。

我的工作pen游戏的任何帮助表示赞赏

Answer 1

monstersCaught += 1; 每次都会计数，如果你 console.log(monstersCaught);那么你可能会看到 1、2、3 等。我想你想在一段时间后将其重置回 0？另外，这不是咳嗽吗？尝试检查拼写是否正确并且没有使用其他变量。

编辑:

monsters.array.forEach(monster => {
    if (monster.isTouching(this)) {
        monster.reset();
        monstersCaught += 1;
        //set car color blue
        window.setTimeout(changecar, 5000);
    }
});

function changecar() {
    //set car color back to red
}