let formatL = 500;

let fond;

let bouche = [];

let bouche1 = [];

let nombre; //nombre de grande bouche

let nombre2; //nombre de petite bouche

let dernierebouche = 0; // Varibale qui va stocker le temps à partir duquel la dernière bouche a été crée

let currentIndex = 0; // Varibale qui va stocker le nombre de bouche déja créés

​

function setup() {

  createCanvas(formatL, formatH);

  fond = loadImage("fond.jpg");

​

  // initialise le nombre de bouches (1 grand et 5 petites)

  nombre = 1;

  nombre2 = 5;

​

  // Initialisation des objets

  for (let i = 0; i < nombre; i++) {

    bouche1[i] = new Grandebouche();

  }

  for (let i = 0; i < nombre2; i++) {

    bouche[i] = new Petitebouche(); 

  }

}

​

function draw() {

  background(0); // Fond noir

​

  if (!bouche1[0].disparue) // Affiche le fond et la grande bouche tant qu'elle n'a pas disparu

  {

    // Affiche le fond et la grande bouche

    image(fond, 0, 0, formatL, formatH);

    for (let i = 0; i < nombre; i++) {

      bouche1[i].dessiner();

      bouche1[i].bouchegrande();

    }

  } else {

    // Vérifie si une nouvelle petite bouche doit apparaître

    if (millis() - dernierebouche > 1500 && currentIndex < nombre2) {

      dernierebouche = millis(); // Met à jour le dernier temps à partir duquel la dernière bouche a été crée

      currentIndex++; // Passe à la bouche suivante suivant

    }

​

    for (let i = 0; i < currentIndex; i++) // Dessine toutes les petites bouches visibles en fonction de l'index actuel

    {

      bouche[i].dessiner();

    }

  }

}

​