将某些部件悬停在其上时使其不可见

Question

我正在努力做一个小游戏。对于游戏我已经制作了一个充满 rect 的网格，它填满整个屏幕，当我将鼠标悬停在某些 rect 上时，它们必须消失。有没有办法对此进行编码？

这就是我所拥有的：

  float opac = 1000;
  float X;
  float Y;
  void setup(){
  size(600,600);

  }

  void draw(){
  background(220,250,20);


  int countX=0;
  int countY=0;

  //filling the screen
  for(countY = -20 ; countY<height+20 ; countY=countY+20){
    for( countX = -20 ; countX<width+20 ; countX=countX+20){

    dot(countX,countY);
    }
  }



  fill(20,200,10);
  ellipse(mouseX,mouseY,20,20);

  }

  void dot(float x, float y){
  noStroke();
  fill(255,22,22,opac);
  rect(x,y,20,20);
  }

提前谢谢！

Answer 1

只需使用if语句检查mouseX和mouseY是否在您的方块内。如果是这样，请不要画它。像这样：

for(countY = -20 ; countY<height+20 ; countY=countY+20){
    for( countX = -20 ; countX<width+20 ; countX=countX+20){
        if(mouseX > x && mouseX < x+20 && mouseY > y && mouseY < y+20){
            //mouse is inside square
        } 
        else{
            dot(countX,countY);
        }
    }
}