We're just learning about dynamic programs, and one of us had the idea to make a crude "game" that simulates nuclear war (in a silly way).

The idea is that one image (a missile) will follow the mouse and when the mouse is clicked an image of an explosion will appear.  We want the explosion images to last after the mouse click.

We've figured out how to get the explosion images to persist (but that requires us to not have the missile image).  If we have both, it seems like when the draw function refreshes the missile image based on the new mouse position, it "writes over" the explosion.  The code and the images are below - thanks for helping some newbs!

2. //explosion
3. PImage cloud;
4. //rocket
5. PImage missile; 
6. //setup the map background
7. void setup() {
8.   size(1528, 900);
9. 
   
10. missile = loadImage("rocket.png");
11.  cloud= loadImage("2.gif");
12. }
13. 
    
14. void draw(){
15.   drawExplosion();
16.   drawRocket();
17. }
18. 
    
19. void drawExplosion() {
20.  if(mousePressed==true) {
21.     image(cloud,mouseX-50,mouseY-110);
22.   }  
23. }
24. 
    
25. void drawRocket() {
26.   {
27.     image(img1,0,0);
28.   image(missle,mouseX-45,mouseY-88);
29. }
30. }
31.