var sphere = CSG.sphere({

  center: [1, 0, 0],

  radius: 1.3

});

var polygons = cube.subtract(sphere).toPolygons();

​

​

function setup() {

  createCanvas(windowWidth, windowHeight, WEBGL);

}

​

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()

  }

​

  // 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)

}