Как сделать бесконечную генерацию обьектов в requestAnimationFrame?

var plane1 = new Plane();

var plane2 = new Plane();

var positionY = 0;

function generationPlanes(positionY) {
        context.clearRect(0, 0, canvas.width, canvas.height);

        positionY++;

        plane1.initPlane(50, positionY);

        plane2.initPlane(250, positionY);

        requestAnimationFrame(generationPlanes);
    }

generationPlanes(positionY);

В данном коде самолёт, который летит сверху вниз, я не могу добиться, чтобы самолёты появлялись поочередно каждые 340px по оси Y канваса, один за другим, если я прописываю еще один самолёт, но с другой позицией по оси X (positionX), то они просто летят на равных и уходят за пределы, как сделать бесконечную генерацию самолётов каждые 340 px с разными позициями по оси X?