​

function setup() {

  createCanvas(300, 300, WEBGL);

​

  describe('orbit control example modified to show one box interactive and one box still');

}

​

function draw() {

  background(200);

​

  // Enable orbiting with the mouse.

  orbitControl();

​

  let mInv = _renderer._curCamera.cameraMatrix.copy()

  mInv.invert(mInv)

​

  // Style the box.

  normalMaterial();

​

  // Draw the box.

  //translate(0,50,0);//ok this will break it

  box(100, 50);

  applyMatrix(mInv.mat4);

  // shift by the camera parameter

  // https://p5js.org/reference/#/p5/camera

  translate(0,0,-800);

  box(100, 50);

}