let img;

let sourceText2 = "Nothing is true, everything is permitted!";

let sourceText1 = "ᚾᛟᛞᛇᚾᚷ:ᛇᛊ:ᛏᚱᚢᛖ:ᛖᚢᛖᚱᛁᛞᛇᚾᚷ:ᛇᛊ:ᛈᛖᚱᛗᛇᛏᛏᛖᛞ!";

function preload() {

  img = loadImage('valhalla1.jpg');

  soundFormats("mp3");

  bgMusic = loadSound("bgMusic.mp3")

}

​

function setup() {

  createCanvas(700, 400);

  frameRate(30);

  backgroundMusic();

}

​

function backgroundMusic(){

  bgMusic.play();

  bgMusic.loop();

  bgMusic.setVolume(0.3);

  userStartAudio();

}

function draw() {

  background(img);

  fill(255);

  textSize(32);

  textAlign(CENTER, BOTTOM);

  let middle1 = sourceText1.length / 2;

  let left1 = middle1 - ((mouseX / width) * middle1);

  let right1 = middle1 + ((mouseX / width) * middle1);

  text(

    sourceText1.substring(left1, right1+1),

    width/2, height/10.01);

  fill(255);

  textSize(32);

  textAlign(CENTER, BOTTOM);

  let middle2 = sourceText2.length / 2;

  let left2 = middle2 - ((mouseX / width) * middle2);

  let right2 = middle2 + ((mouseX / width) * middle2);

  text(

    sourceText2.substring(left2, right2+1),

    width/2, height/1.01);

}