JS viewer

// Tutorial 18.4 with translate() to get the camera to move with mouse 
 
 
    
// Daniel Shiffman
// http://codingtra.in
// http://patreon.com/codingtrain

// Video: https://youtu.be/O1mYw-3Wl_Q

let angle = 4;
let kitten;
let cam;

function preload() {
  kitten = loadImage('/uploads/codingtrain/kitten0.jpg');
  kitten = loadImage('/uploads/starter/pacman.jpg'        );
}

function setup() {
  createCanvas( ABWorld.fullwidth(), ABWorld.fullheight(),  WEBGL );

/*
// access webcam 
// https://p5js.org/examples/dom-video-capture.html
  cam = createCapture(VIDEO);
  cam.size(320, 240);
  cam.hide();
*/

}

function draw() {
    
  translate ( 0, 0, mouseX );
  
  let dx = mouseX - width / 2;
  let dy = mouseY - height / 2;
  let v = createVector(dx, dy, 0);
  v.div(100);

  // ambientLight(255);
  directionalLight(255, 255, 255, v);
  background(175);
background("LightBlue");

  push();
  rotateX(angle);
  rotateY(angle * 0.3);
  rotateZ(angle * 1.2);

  noStroke();
  //ambientMaterial(0, 0, 255);
  
  /*
 // webcam as texture:
   texture(cam);
 */
 
 texture(kitten);
  //torus(100, 25);
  box(100);
  pop();

  translate(0, 100);
  rotateX(HALF_PI);
  ambientMaterial(255);
  plane(500, 500);

  angle += 0.03;
}