Как отрисовывать один объект несколько раз! HTML 5 CANVAS - HTML5 Canvas - Ответ 3938298

    var canvas, ctx, w,h, game = true; 
    var ball, radius;
     
    var BALL = function(x,y){ 
         this.x = x; 
         this.y = y;
         this.radius = 0;
         this.timer = null;
            
         this.draw = function(color){
             ctx.clearRect(this.x, this.y, this.radius, this.radius);
             this.radius += 0.1;
             ctx.fillStyle = color; 
             ctx.beginPath(); 
             ctx.arc(this.x, this.y, this.radius, 0, 2*Math.PI, true);
             ctx.closePath(); 
             ctx.fill();
             var self = this;
              setTimeout(function() {
                 self.draw();
             }, 50);
         }
    }
     
    window.onload = function(){
        init();
        beginGame();
    } 
     
    function init(){
        canvas= document.getElementById("canvas");
        w = canvas.width; 
        h = canvas.height; 
        ctx = canvas.getContext('2d');
    }
         
    function beginGame(){
        if(game){
            setInterval(function(){
                var ball = new BALL(Math.floor(Math.random()*450), Math.floor(Math.random()*570));
                ball.draw("red");
          }, 2000);
        }
    }