var _sphere = CSG.sphere({

  center: [1, 0, 0],

  radius: 1.3

});

var polygons = _cube.subtract(_sphere).toPolygons();

​

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

  console.log(polygons[0])

}

​

function draw() {

  background(0)

  orbitControl(3)

  rotateY(radians(-frameCount / 3))

  noFill()

  stroke(255)

  // fill(255)

  // normalMaterial()

  // lights()

  for (let i = 0; i < polygons.length; i++) {

    let p = polygons[i].vertices

    beginShape()

    for (let j = 0; j < p.length; j++) {

      let v = p[j].pos;

      let scl = height / 4

      vertex(v.x * scl, v.y * scl, v.z * scl)

​

    }

    endShape()

  }

  // normal demonstration

  for (let i = 0; i < polygons.length; i++) {

    let p = polygons[i].vertices

    for (let j = 0; j < p.length; j++) {

      let v = p[j].pos;

      let n = p[j].normal;

      let scl = height / 4

      push();

      translate(v.x * scl, v.y * scl, v.z * scl)

      stroke(n.x * 128 + 128, n.y * 128 + 128, 255);

      scale(30)

      line(0, 0, 0, n.x, n.y, n.z);

      pop();

    }

  }

​

  // unfortunately doesn't react with overall shading like it should

  normalMaterial()

  stroke(0, 255, 0)

  lights()

  translate(200, 0)

  rotateY(radians(-frameCount/2 ))

  for (let i = 0; i < polygons.length; i++) {

    let p = polygons[i].vertices

    beginShape()

    for (let j = 0; j < p.length; j++) {

      let v = p[j].pos;

      let scl = height / 8

      vertex(v.x * scl, v.y * scl, v.z * scl)

​

    }

    endShape()

  }

​

​

  // expected shading

  translate(100, 0)

  noStroke()

  sphere(100)

}