let buttonSite;

​

​

//typos

let fontTitre;

let fontInfo;

​

let logoEsad;

let logos;

let adresse;

let credits;

let dates;

​

​

var myText = [];

var randomLineOfText;

​

function preload() {

  fontTitre = loadFont('Facade-5-Regular.otf');

  fontInfo = loadFont('TradeGothicLTPro-LightObl.otf');

  logoEsad = loadImage('logoEsad.png');

  logos = loadImage('logos.png');

  adresse = loadImage('adresse.png');

  credits = loadImage('credits.png');

  dates = loadImage('dates.png');

  myText = loadStrings('mots.txt');

}

​

​

//random "entre"

let entreX, entreY;

​

//random "les"

let lesX, lesY;

​

//random "murs"

let mursX, mursY;

​

//random logo Esad

let logoEsadX, logoEsadY;

​

//random logos

let logosX, logosY;

​

//random adresse

let adresseX, adresseY;

​

//random crédits

let creditsX, creditsY;

​

//random dates

let datesX, datesY;

​

let bloc1;

​

function setup() {

  createCanvas(windowWidth, windowHeight * 2.5);

​

  randomLineOfText = round(random(0, myText.length));

  print(myText[randomLineOfText]);

​

  background(255);

​

​

  textAlign(CENTER, CENTER);

  fill('#000000');

  noStroke();

​

​

  //TITRES

  entreX = random(280, window.innerWidth - 350);

  entreY = random(0, window.innerHeight);

​

  lesX = random(280, window.innerWidth - 280);

  lesY = random(window.innerHeight, window.innerHeight * 1.7);

​

  mursX = random(280, window.innerWidth - 280);

  mursY = random(window.innerHeight * 2, window.innerHeight * 2.1);

​

​

  //INFORMATIONS

​

  //logo esad

  logoEsadX = random(140, window.innerWidth - 140);

  logoEsadY = random(window.innerHeight*1.2, window.innerHeight * 1.6);

​

​

  //logos

  logosX = random(140, window.innerWidth - 400);

  logosY = random(window.innerHeight*1.6, window.innerHeight * 2.2);

​

​

  //adresse

  adresseX = random(140, window.innerWidth - 200);

  adresseY = random(window.innerHeight*1.6, window.innerHeight * 2.2);

​

​

  //credits

  image(credits, 0, window.innerHeight * 2.4, 501, 117);

​

​

  //dates

  datesX = random(140, window.innerWidth - 440);

  datesY = random(150, window.innerHeight-440);

​

​

​

​

​

  //les boutons

  buttonAffiche = createButton('Télécharger l\'affiche');

  buttonAffiche.position(windowWidth / 3, windowHeight * 2.5 - 100);

  buttonAffiche.mousePressed(downloadAffiche);

​

  buttonSite = createButton('site Ésad');

  buttonSite.position(windowWidth / 2 + 200, windowHeight * 2.5 - 100);

​

​

​

​

}

​

​

function draw() {

​

  push();

  noStroke();

  fill(255);

  rect(180, 400, 400, 400);

  pop();

​

  push();

  noStroke();

  fill(255);

  rect(900, 1000, 500, 700);

  pop();

​

​

  push();

  noStroke();

  fill(255);

  rect(100, 1800, 700, 200);

  pop();

​

​

  stroke(0); {

    line(mouseX, mouseY, pmouseX, pmouseY);

  }

​

  //entre

  push();

  textFont(fontTitre);

  textSize(280);

  text(myText[randomLineOfText], entreX, entreY);

  pop();

​

​

  //les

  push();

  textFont(fontTitre);

  textSize(280);

  text('les', lesX, lesY);

  pop();

​

​

  //murs

  push();

  textFont(fontTitre);

  textSize(280);

  text('murs', mursX, mursY);

  pop();

​

​

  push();

  image(logoEsad, logoEsadX, logoEsadY, 140, 140);

  image(logos, logosX, logosY, 301, 98);

  image(adresse, adresseX, adresseY, 200, 200);

  image(dates, datesX, datesY, 440, 440);

  pop();

​

​

​

}

​

​

​

​

​

​

​

​

​

//cliquer sur le bouton permet de télécharger le canvas au format png

function downloadAffiche() {

  save('affiche.png');

}

​

​

// appuyer sur la touche "a" permet d'effacer tout le tracé

function keyTyped() {

  if (key === 'a') {

    clear();

  }

}