makingof.js

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

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


function setup() {
    setupCanvas(false);
    soundtrack.loop();
    cursor(HAND);

}

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

    if(BWB_LANG == BWB_LANG_EN) {
        addHeading('SOFTWARE');
        addParagraph('p5.js, p5.play, Blender3D, Inkscape, GIMP, G\'MIC, Audacity');
        addLineBreak();

        addHeading('LEVEL 1 - Caen');
        addParagraph('Apples, dark chocolate');
        addLineBreak();

        addHeading('LEVEL 2 - Le Havre');
        addParagraph('Beetroot, white chocolate');
        addLineBreak();

        addHeading('LEVEL 3 - World');
        addParagraph('Vegan crêpes, dark & white chocolate');
        addLineBreak();

        addHeading('P5.js / WEBGL (home, level transitions)');
        addParagraph('OBJ 3d model, GLSL pixel shader particles, BLionTaleFont');
        addLineBreak();

        addHeading('MUSIC');
        addParagraph('Arvo Pärt, Camille Saint-Saëns, C. De Bussy, C. Gounod');
    } else {
        addHeading('LOGICIELS');
        addParagraph('p5.js, p5.play, Blender3D, Inkscape, GIMP, G\'MIC, Audacity');
        addLineBreak();

        addHeading('NIVEAU 1 - Caen');
        addParagraph('Pommes, chocolat noir');
        addLineBreak();

        addHeading('NIVEAU 2 - Le Havre');
        addParagraph('Betteraves, chocolat blanc');
        addLineBreak();

        addHeading('NIVEAU 3 - World');
        addParagraph('Crêpes vegan, chocolats noir & blanc');
        addLineBreak();

        addHeading('P5.js / WEBGL (accueil, transitions de niveaux)');
        addParagraph('Modèle 3d OBJ, particules pixel shader GLSL, BLionTaleFont');
        addLineBreak();

        addHeading('MUSIQUE');
        addParagraph('Arvo Pärt, Camille Saint-Saëns, C. De Bussy, C. Gounod');
    }
}

function addLineBreak() {
    lastLineHeight += LINE_HEIGHT;
}

function addHeading(msg) {
    lastLineHeight += LINE_HEIGHT;
    fill(lerp(0,200,mouseX/width));
    text(msg, 10, lastLineHeight);
}

function addParagraph(msg) {
    fill(lerpColor(color(0,255,255), color(255,0,255), (mouseX/width + mouseY/height) / 2.0));
    lastLineHeight += LINE_HEIGHT;
    text(msg, 10, lastLineHeight);
}

function mouseReleased() {
    userStartAudio(); // Chrome hack
    if (mouseX < width && mouseX > 0 && mouseY < height && mouseY > 0) {
        redirectToUrlFor('pics');
    }
}