My Sketch

let pg = 0;

​

//time to time

var minuteAngle = 180;

var hourAngle = 90;

​

​

function preload(){

  junoShiva = loadImage('juno1.jpeg');

  junoForce = loadImage('juno2.jpeg');

  junoSharon = loadImage('juno3.jpeg');

  junoST = loadImage('juno.jpeg');

}

​

​

function setup() {

  createCanvas(junoST.width, junoST.height);

}

​

function draw() {

  background(0);

  fill(255);

  circle(450, 100, 100);

  image(junoShiva,70, 70, 200, 150);

  let aShiva = createA('https://editor.p5js.org/zl102/full/k0tg1sOl0', 'shiva');

  aShiva.position(0, 0);

  image(junoForce,380, 220, 200, 150);

  let aTheForce = createA('https://editor.p5js.org/zl102/full/gFnraRWrm', 'the force')

  aTheForce.position(20, 20);

  image(junoSharon,120, 300, 200, 150);

  let aSharonTate = createA('https://editor.p5js.org/zl102/full/SvlUbMJfm', 'sharon tate');

  aSharonTate.position(10,10);

  fill(0);

  circle(450, 100, 9);

 resetMatrix();

  //minute hand

  setCenter(450,100);

  polarLine(minuteAngle, 20, 20);

  minuteAngle += 0.5;

  //hour hand

  polarLine(hourAngle, 20, 15);

  hourAngle += 0.25;

}

​

//function keyPressed(){

//  if(key == 'r'){

//    pg++;

 //   if(pg > 3){

 //     pg = 0;

 //   }

//  }

//}