pics.js

let soundtrack;
let inconsolata;
let lastLineHeight = 0;
const LINE_HEIGHT = 28;

let pics_bg;

function preload() {
    soundtrack = loadSound('assets/SpiegelImSpiegelMonoShort.mp3');
    inconsolata = loadFont('assets/inconsolata.otf');
}


function setup() {
    setupCanvas(false);
    soundtrack.loop();
    cursor(HAND);
    pics_bg = loadImage('sprites/pics/pics_crepes_background.png'); 

}

function draw() {
    lastLineHeight = 0;
    background(pics_bg);
    textFont(inconsolata);
    textSize(30);


	push();
	if(mouseX>width/2){
	translate(mouseX-width/4, mouseY-height/13);
	}else{
	translate(width*0.6, height*1.5/4);
	}

        if(BWB_LANG == BWB_LANG_EN) {
          addHeading('    MAKING OF');
          addParagraphOtherColor('Head to the gallery');
	} else {
          addHeading('  LES COULISSES');
          addParagraphOtherColor('Aller à la galerie');
	}

        addLineBreak();
	pop();

	push();
	if(mouseX<=width/2){
	translate(mouseX-width/8, mouseY-height/4.5);
	}else{
	translate(width/5, height/3);
	}
        if(BWB_LANG == BWB_LANG_EN) {
          addHeading('BACK HOME');
          addParagraph('Replay :)');
	} else {
          addHeading('REVENIR');
          addParagraph('Rejouer :)');
	}

        addLineBreak();
	pop();
}

function addLineBreak() {
    lastLineHeight += LINE_HEIGHT;
}

function addHeading(msg) {
    lastLineHeight += LINE_HEIGHT;

    fill(0);
    text(msg, 11, lastLineHeight+1);

    fill(lerp(100,255,abs(sin(PI*(frameCount%300)/300))));
    text(msg, 10, lastLineHeight);
}

function addParagraph(msg) {
    lastLineHeight += LINE_HEIGHT;
    fill(0);
    text(msg, 11, lastLineHeight+1);
    fill(lerpColor(color(0,255,255), color(255,0,255), abs(sin(PI*(frameCount%300)/300))));
    text(msg, 10, lastLineHeight);
}

function addParagraphOtherColor(msg) {
    lastLineHeight += LINE_HEIGHT;
    fill(0);
    text(msg, 11, lastLineHeight+1);
    fill(lerpColor(color(255,255,0), color(0,255,0), abs(sin(PI*(frameCount%300)/300))));
    text(msg, 10, lastLineHeight);
}



function mouseReleased() {
    userStartAudio(); // Chrome hack
    if (mouseX < width/2 && mouseX > 0 && mouseY < height && mouseY > 0) {
        redirectToUrlFor('home');
    } else if (mouseX >= width/2 && mouseX > 0 && mouseY < height && mouseY > 0) {
        redirectToUrlFor('gallery');
    }
}