使用 Javascript 使代码中的文本消失的问题

如何解决使用 Javascript 使代码中的文本消失的问题

当鼠标悬停在精灵上时，我只是想让文本消失，但它不会这样做。我尝试了很多东西 - 把 text(A/B).visible = true;在 else 语句中。我已经将我的文本代码移动到我程序中的几乎所有地方。它不会消失。

var alien = createSprite(100,200);
alien.setAnimation("alienYellow_jump_1");
var bubble = createSprite(225,250);
bubble.setAnimation("comictextbubble.png_1");
var button = createSprite(105,275);
button.setAnimation("play_1");
function draw() {
  background("lightblue");
  if (mouseIsOver(alien)){
    alien.rotation = randomNumber(10,-10);
  }
  button.visible = false;
  if (mouseIsOver(button)){
    button.visible = true;
  }
  if (mousepressedOver(button)){
    bubble.visible = false;
  }
  drawSprites();
  stroke("black");
  textSize(20);
  var textA = text("Find the secret button to reveal your card!",10,207);
  var textB = text("It's your birthday!",115,150);
  if (mouseIsOver(button)){
    textB.visible = false;
    textA.visible = false;
  }
  console.log(textA.visible);
  console.log(textB.visible);
}```

解决方法

你有没有试过如果你把鼠标移到精灵上，文本的填充颜色变成透明的，如果你把填充函数的第4个参数设置为255，那么它是透明的。

    function draw(){

     var Red = 255;
    var Blue = 255;
    var Green = 255;
    var Alpha = 0;
    fill(Red,Green,Blue,Alpha);
    text("Move mouse over me to disappear",200,200);
    if(mouseX>175&&mouseX<225&&mouseY>175&&mouseY<225)
        {
    Alpha=255;
        }

    }

,

我认为这是因为当鼠标悬停在精灵上方时，顶部语句将可见性设置为 true，从而阻止底部语句正常工作。尝试添加 else 语句，如下所示：

      if (mouseIsOver(button)){
    button.visible = true;
  } else if (mousePressedOver(button)){
    bubble.visible = false;
  }

如果这不起作用，请确保可见性函数实际上使精灵不可见。