​

let h = 0, v = 0

let pano;

let canvas2;

​

function preload () {

  pano = loadImage('trial.png');

}

​

function setup() {

  createCanvas(600, 400);

  canvas2 = createGraphics(600, 400, WEBGL);

}

​

function draw() {

  image1();

}

​

function image1() {

  image(canvas2, 0, 0);

  canvas2.noStroke();

  canvas2.camera();

  canvas2.scale(-1, 1, 1)

  canvas2.rotateX(radians(v));

  canvas2.rotateY(radians(h));

  canvas2.texture(pano);

  canvas2.sphere(1000);

  /*

  canvas2.noStroke();

  canvas2.camera();

  canvas2.scale(-1, 1, 1)

  canvas2.rotateX(radians(v));

  canvas2.rotateY(radians(h));

​

  canvas2.texture(pano);

  canvas2.sphere(1000);

  */

​

  // canvas2.resetMatrix();

  // console.log( canvas2._renderer )

  if (keyIsDown(39)) h--;

  if (keyIsDown(37)) h++;

  if (keyIsDown(38) && v > -90) v--;

  if (keyIsDown(40) && v < 90) v++;

}

​

​