function setup() {

  createCanvas(200, 200, WEBGL);

  layer = createFramebuffer();

​

  describe('a line of spheres going off into the distance');

}

function draw() {

  noStroke();

  // Draw a scene to a framebuffer

  layer.begin();

  background(255)

  fill(0)

  ambientLight(100); // comment out to make it work

  // directionalLight(255, 255, 255, -1, 1, -1);

  // ambientMaterial(52, 58, 235);

  // fill(255)

  // specularMaterial(255);

  // shininess(150);

  circle(0,0,40)

  // // Draw some spheres receding into the distance

  // let n = 8;

  // for (let i = 0; i < n; i += 1) {

  //   push();

  //   translate(

  //     map(i, 0, n-1, -100, 750),

  //     20,

  //     i * -800

  //   );

  //   sphere(100, 60, 30);

  //   pop();

  // }

  layer.end();

​

​

  // Visualize either the color or the depth

  push();

  if (mouseIsPressed) {

    texture(layer.depth);

  } else {

    texture(layer.color);

  }

  plane(width, height);

  pop();

}