Анимация для двух объектов

Друзья, помогите пожалуйста. Создала анимацию для одного объекта https://codepen.io/anon/pen/LQYbEv

function drawFrame() {  
    context.clearRect(0, 0, canvas.width, canvas.height);   
    context.beginPath();
    context.lineWidth = 2;
    context.moveTo(squarePosition_x+290, squarePosition_y+50);
    context.lineTo(squarePosition_x+290, squarePosition_y);
    context.stroke();   
    squarePosition_y += 2;      
    setTimeout("drawFrame()", 20);     
   }

Написала функцию, чтобы можно было эти объекты клонировать по X и Y https://codepen.io/anon/pen/LQYRKq

А вот объединить их не получается, во втором случае не срабатывает squarePosition_y += 2;

Какую-то особенность для объектов я упустила... Заранее спасибо