带有p5和webgl渲染器的简单beginShape

Question

我正在制作一个使用p5.js和带有WEBGL的画布的非常基本的示例

function setup(){
    createCanvas(100, 100, WEBGL);
}

function draw(){
    beginShape(POINTS);
    vertex(0,0);
    endShape();
}

这是完整程序。当我运行它时，出现以下错误

p5.js:31516 WebGL: INVALID_VALUE: enableVertexAttribArray: index out of rangep5.RendererGL._bindImmediateBuffers @ p5.js:31516p5.RendererGL.endShape @ p5.js:31447p5.endShape @ p5.js:15190draw @ sketch.js:8p5.redraw @ p5.js:14256(anonymous function) @ p5.js:9143
p5.js:31520 WebGL: INVALID_VALUE: vertexAttribPointer: index out of range

我正在使用最新版本的p5.js（2016年10月1日，p5.js v0.5.4）我已经读过其他文章，关于它是webgl优化未使用属性的问题。但是我不确定在简单的示例中如何解决此问题。

Answer 1

这不再是问题，但是它是一个只有一点的形状不会显示在画布上。如果您想显示一个点，我建议

function setup(){
    createCanvas(300, 300, WEBGL);
}

function draw(){
    background(230);
    beginShape();
        vertex(0,0);
        vertex(0,1);
    endShape();
}

外观几乎相同。