title: Multiple drawings in p5 js
body: <pre><code> function setup(){
  
   createCanvas(500,500);
  
   }
  
   var pos1;
   var pos2;
  
   function draw() {
   background(244, 248, 252);
  
      text("X:" + mouseX/10,460,10);
      text("Y:" + mouseY/10,460,20);
  
     ellipse(pos1,pos2,5,5);
     fill(0);
     }
  
  function mousePressed() {
  pos1=mouseX;
  pos2=mouseY;
   }
  </code></pre>
  
  <p>Every time when I press the mouse, the code generates a ellipse. However, I want to keep the old ellipse and generate a new one. How can I do it? For every time I press the mouse a new ellipse will generate, not deleting the old one.</p>