var button;

var cnv;

let mySound;

function preload() {

  // preload() runs once

  soundFormats('mp3', 'ogg');

  //mySound = loadSound('Maple music.mp3');

  mySound = loadSound('Dance 2.mp3');

  LOGO= loadImage('Childlike Wonder Logo.png');

  BG1 = loadImage('BG-01.png');

  BG2 = loadImage('BG-02.png');

  BG3 = loadImage('BG-03.png');

  BG4= loadImage('BG-04.png');

  BG5= loadImage('BG-05.png');

  BG6= loadImage('BG-06.png');

  BG7= loadImage('BG-07.png');

  BG8= loadImage('BG-08.png');

  HEAD1 = loadImage('head-01.png');

  HEAD2 = loadImage('head-02.png');

  HEAD3 = loadImage('head-03.png');

  HEAD4 = loadImage('head-04.png');

  HEAD5 = loadImage('head-05.png');

  HEAD6 = loadImage('head-06.png');

  HEAD7 = loadImage('head-07.png');

  HEAD8 = loadImage('head-08.png');

  BODY1 = loadImage('body-01.png');

  BODY2 = loadImage('body-02.png');

  BODY3 = loadImage('body-03.png');

  BODY4 = loadImage('body-04.png');

  BODY5 = loadImage('body-05.png');

  BODY6 = loadImage('body-06.png');

  BODY7 = loadImage('body-07.png');

  BODY8 = loadImage('body-08.png');

  FACE1= loadImage('face-01.png');

  FACE2= loadImage('face-02.png');

  FACE3= loadImage('face-03.png');

  FACE4= loadImage('face-04.png');

  FACE5= loadImage('face-05.png');

  FACE6= loadImage('face-06.png');

  FACE7= loadImage('face-07.png');

  FACE8= loadImage('face-08.png');

  TAIL1= loadImage('tails-01.png');

  TAIL2= loadImage('tails-02.png');

  TAIL3= loadImage('tails-03.png');

  TAIL4= loadImage('tails-04.png');

  TAIL5= loadImage('tails-05.png');

  TAIL6= loadImage('tails-06.png');

  TAIL7= loadImage('tails-07.png');

  TAIL8= loadImage('tails-08.png');

}

​

​

​

​

function setup() {

  mySound.play();

  cnv=createCanvas(1000,1000);

  button = createButton('MINT');

  button.size(200, 100);

  button.position(400, 1100);

   button.style("font-size", "24px");

  button.mousePressed(savecanvas);

​

}

​

function savecanvas() {

  saveCanvas('Childlike Wonder', 'jpg');

}

​

function draw() {

  var background= [BG1,BG2,BG3,BG4,BG5,BG6,BG7,BG8];

  var head=[HEAD1,HEAD2,HEAD3,HEAD4,HEAD5,HEAD6,HEAD7,HEAD8];

  var face=[FACE1,FACE2,FACE3,FACE4,FACE5,FACE6,FACE7,FACE8];

  var tail=[TAIL1,TAIL2,TAIL3,TAIL4,TAIL5,TAIL6,TAIL7,TAIL8];

  var body=[BODY1,BODY2,BODY3,BODY4,BODY5,BODY6,BODY7,BODY8];

  var backgroundrandom = random(background);

  var headrandom= random(head);

  var tailrandom=random(tail);

  var facerandom=random(face);

  var bodyrandom=random(body);

  image(backgroundrandom, 0, 0,1000,1000); 

  image(bodyrandom,0,0,1000,1000);

  image(headrandom, 0, 0,1000,1000);

  image(facerandom,0,0,1000,1000);

  image(tailrandom,0,0,1000,1000);

  //HIDE THIS FOR SCREENSHOTS BOYS

  image(LOGO,370,800,1000,1000);

  frameRate(4);

​

​

​

​

​

​

​

​

}