每当我尝试移动蓬松的鸟类克隆中的管道时，它们就会停止绘制

Question

我已经修改了代码并在管道上有一个开始，先绘制它们然后应该移动它们，但是每当我取消注释应该使管道移动的代码时，它都会停止绘制管道，任何人都可以帮助我吗？

这是到目前为止我拥有的管道代码：

function piper() {
    let pipex = 600
    fill(34, 139, 34)
    noStroke()
    rect(pipex, 0, 30, 50)
    rect(pipex, 80, 30, 600)

    for (i = 0; i < 600; i += 1) {
        pipex--
    };
};

这是完整的游戏代码

    let y;
    let vel;
    let onoff = 1;
    let gravity = 0.6;
    let lift = -10;
    let pipes = [];
    let x, height;

    function setup() {
    createCanvas(600, 600);
    piped()
    y = 300;
    vel = 0;
    }

    function piped() {
    for (i = 0; i < 25; i += 1) {
        pipes.push({
            x: 600,
            height: random(10, 550)
        })
    }
    }

    function draw() {
    background(100, 100, 255);

    vel += gravity;
    y += vel;
    let eye = y - 10;

    fall();
    piper();

    stroke('rgba(220,20,60.60)');
    strokeWeight(4);
    fill(255, 255, 0);
    ellipse(200, y, 25, 25);

    };

    function endGame() {
    onoff - 1
    }

    if (onoff === 1) {
    function keyPressed() {
        if (keyCode === 32) {
            vel = lift;
        };
    };

    function fall() {
        if (y >= height - 25) {
            y = height - 25;
            endGame();
        } else if (y <= 0) {
            y = 0;
        } else if (y >= 590) {
            y = 590
        }
    };

    function piper() {
        let pipex = 600
        fill(34, 139, 34)
        noStroke()
        rect(pipex, 0, 30, 50)
        rect(pipex, 80, 30, 600)

        for (i = 0; i < 600; i += 1) {
            pipex--
        };
    };

    } else if (onoff === 0) {
    function draw() {
        background(255, 0, 0)
    }
    };

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.min.js"></script>