我正在尝试使用TRIANGLE_STRIP制作网格，但顶点未连接

Question

因此，我尝试使用webgl应用程序p5.js创建网格。我尝试了以下代码，问题是正在生成网格，但未连接行。

let cols , rows;
let scl = 20;
let pi = Math.PI;
let w = window.innerWidth;
let h = window.innerHeight;
function setup()
{
    createCanvas(w,h,WEBGL);

    cols = w / scl;
    rows = h / scl;
}

function draw()
{
    background(0);
    translate(0,h/4,0);
    translate(-w/2,-h/2,0);
    rotateX(pi/3);

    stroke(255);
    noFill();
    for(let y =0; y < rows ; y++ )
    {
        beginShape(TRIANGLE_STRIP);
        for(let x = 0; x < cols; x++)
        {
            vertex(x*scl,y*scl);
            vertex(x*scl,(y+1)*scl);


        }
        endShape(CLOSE);
    }
}

这就是我得到的

这就是我想要的

预期输出是使用三角形条的网格。 我得到的输出是一个没有连接行线的网格。