p5.Geometry tutorial

function setup(){

  createCanvas(400, 400, WEBGL);

  const _gl = this._renderer;

  const geom = new p5.Geometry();

  const v = (x, y, z) => createVector(x, y, z);

​

  geom.vertices.push(v(0, 0, 0));

  geom.vertices.push(v(100, 0, 0));

  geom.vertices.push(v(0, 100, 0));

​

  _gl.createBuffers("myTriangle", geom);

  background(255);

  fill(0, 255, 0);

  _gl.drawBuffers("myTriangle");

}