使图像在X秒后消失（处理）

Question

我目前正在做一个项目，我希望一个图像在3秒钟后弹出。一旦图像弹出，用户必须点击图像，使一个“完成”的图像弹出，该图像将在3秒钟后自动消失。

除了消失的那部分，我的大部分都在工作。有人知道我怎么能在3秒钟后让图像消失吗？

java prettyprint-override">PImage medic;
PImage medicD;

float time;
float startTime;

final int waitpopup = 3000;
final int DISPLAY_DURATION = 3000;

boolean showimage = true;
boolean showclock = true;
boolean showimagedone = true;
boolean hasClicked;

Clock clock;

void setup (){
size (1080, 1920);

 medic = loadImage("medic.png");
 medicD = loadImage("medicD.png");
 clock = new Clock(width /2, height /2);
 time = millis();
} 

void draw() {
 background (0);
 imageMode(CENTER);

 if (showclock) clock.display();

 if (showimage && millis() - time > waitpopup) {
   image(medic, width/2, height/2, 540, 540);
   } if (hasClicked == true) {
       showimage = false;
       image(medicD, width/2, height/2, 540, 540);
     } if (millis() > startTime + DISPLAY_DURATION) {
       showimagedone = false;
     }     
}

 void mousePressed() {
   hasClicked = true; 
   startTime = time;
 }

Answer 1

您可以使用millis（）函数或frameCount变量来检查过去了多少时间，然后在X秒后或X帧后执行某些操作。

您已经在使用show Imagedone变量做一些工作，但是您需要使用该变量有条件地绘制您的图像。

我建议从一个更简单的例子开始，让它发挥作用。这里有一个例子：

int clickedFrame;
boolean on = false;
int duration = 60;

void draw(){

  if(on){
    background(255);
    if(frameCount > clickedFrame + duration){
     on = false; 
    }
  }
  else{
   background(0); 
  }
}

void mousePressed(){
  clickedFrame = frameCount;
  on = true;
}

每当用户单击鼠标时，此代码都会显示一秒钟的白色背景。你需要对你的图像做一些类似的事情。

相关职位：

• 如何使处理项目延迟？
• 我怎么能只画每一个x帧？
• 每500帧从ArrayList中移除元素
• 处理中基于时间的事件
• 如何在处理中每10秒向变量添加1？
• 如何创建时间=x时发生的事情
• 在处理中制作一个"戳回"程序
• 处理：我如何每隔"x"时间创建一个对象
• 计时器使用framerate和帧计数器可靠吗？
• 在处理中添加延迟

有关更多信息，请参阅处理参考。

如果你仍然无法让它工作，请发布一个MCVE（不是你的完整项目！）在一个新问题中，我们将从那里开始。祝你好运