Подскажите как сделать?

<canvas height='320' width='480' id='example'></canvas>
 
        <script>
          var example = document.getElementById("example");
          var ctx = example.getContext('2d');
 
          var w=30;
          var h=20;
 
          var x_start= 10;
          var y_start= 10;
 
          var cnt=4;
 
          class Rect{
            constructor(x,y,w,h,color){
              this.x=x;
              this.y=y;
              this.w=w;
              this.h=h;
              this.color=color;
            }
 
            drawRect()
            {
              ctx.beginPath();
              ctx.fillStyle = this.color;
              ctx.fillRect(this.x,this.y,this.w,this.h);            
            }
 
            set set_color(color)
            {
              this.color=color;
            }
          }
          
          var r_arr = [];
 
          function draw(){
            for (var j=0; j<cnt; j++)
            {
              y=y_start+ (h+10)*j;
              for(var i=0; i<cnt; i++)
              {
                x=x_start + (w+10)*i;                          
                let r = new Rect(x,y,w,h,"blue");
                r.drawRect();
                r_arr.push(r);
              }
            }
          }         
 
          
          draw();
              
          
          (function() {
              var  i = -1;
              return function() {
                  if ( ++i < r_arr.length ) {
                      r_arr[i].set_color="yellow";
                      r_arr[i].drawRect();
                      setTimeout( arguments.callee, 200 );
                  }
              }();
          })();          
 
        </script>