Hi

I know I know it is very easy and not a big deal but sometimes I feel my brain is locked! 

In the following simple code I want to do something that, until the mouse does not press again on the other rect , the text display.

Red rect shows an image with word “Hi”. ( “Hi stays put until the mouse pressed on the blue rect”)

Blue rect shows an image with word “Bye”.(“Bye stays put until the mouse pressed on the blue rect”)

Please name the images in the data folder as (“00” and “01”)

2. int numFrames=2;
3. PImage[] images=new PImage[numFrames];
4. PFont font;
5. 
   
6. String A = "Hi";
7. String B = "Bye";
8. 
   
9. int k;
10. 
    
11. void setup()
12. {
13.   size(500,500);
14.   background(187);
15.   font = loadFont("Serif.bolditalic-20.vlw"); 
16. }
17. 
    
18. void draw()
19. {
20.   println(mouseX+" "+mouseY);
21.   fill(255,0,0);
22.   rect(10,400,50,50);
23.   fill(0,0,255);
24.   rect(100,400,50,50);
25.   
26.   for(k=0; k<images.length; k++)
27.   {
28.     String imageName=nf(k,2)+".jpg";
29.     images[k]=loadImage(imageName);
30.   }
31.   textFont(font);
32.   
33.   if(mousePressed==false)
34.   {
35.     noStroke();
36.     fill(187);
37.     rect(0,230,100,100);
38.   }
39.   
40.   function(10,60,0,A);
41.   function(100,150,1,B);   
42. }
43. 
    
44. /*void mouseReleased()
45. {
46.   fill(187);
47.   rect(0,230,100,100);
48. }*/
49.   void function(int minx, int maxx, int pic,String letter) //@@@ 
50.   {
51.     
52.   if((mousePressed==true)&&(mouseX>=minx)&&(mouseX<=maxx)&&
53.    (mouseY>=400)&&(mouseY<=450))
54.    {
55.      image(images[pic], 10,10,100,100);
56.      fill(0);
57.      text(letter,50,250);    
58.    }
59. }