openGL test

var SCALE = 50;

var cols = 10;

var rows = 10;

​

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL); 

  cols = windowWidth/SCALE;

  rows = windowHeight/SCALE;

  background(0);  

} 

​

// terrain demo

// triangle strips

// https://www.youtube.com/watch?v=IKB1hWWedMk

// not p5js, webgl has no stroke

​

function draw() {

  this.isImmediateDrawing = false;

  for (var i = 0; i < 20; i++) {

​

  beginShape();

  // vertex(-100, 100, 0);

  vertex(100, 100, 0);

  vertex(100, -100, 0);

  vertex(-100, -100, 0);

  endShape(CLOSE);

}

  stroke(255);

  fill(200);

  for (var y=0; y<rows; y++) {

    for (var x=0; x<cols; x++) {

      beginShape();

      vertex(x*SCALE, y*SCALE);

        vertex(x*SCALE, (y+1)*SCALE);

        vertex((x+1)*SCALE, (y+1)*SCALE);

        endShape(CLOSE);

    }

  }

}