var joinedText ="maman a choisit un tutu, des rubans, et des pinces, un filet. elle m’a tiré les cheveux, le chignon faisait mal mal mal, les autres petites filles disent que maman est méchante et que c’est à cause de son chignon trop sérré. quand elle me regarde dans la coiffeuse c’est elle qu’elle voit mais elle sait pas que je suis plus jolie qu’elle "

​

var charSet;

var drawLetters = [];

​

var posX;

var posY;

​

function setup() {

  createCanvas(500, 400);

  textFont('monospace',16)

  fill(0)

  charSet = getUniqCharacters();

  for (var i = 0; i < charSet.length; i++) {

    drawLetters[i] = true;

  }

}

​

function draw() {

 background(255);

  translate(50, 0);

  noStroke();

  posX = 0;

  posY = 50;

  var oldX = 0;

  var oldY = 0;

  var sortPositionsX = [];

  var oldPositionsX = [];

  var oldPositionsY = [];

for (var i = 0; i <

    joinedText.length; i++) {

  sortPositionsX[i] = 0;

    oldPositionsX[i] = 0;

    oldPositionsY[i] = 0;

}

  for (var i = 0; i <

      joinedText.length; i++){

    var upperCaseChar = joinedText.charAt(i).toUpperCase();

    var index = charSet.indexOf(upperCaseChar);

    if (index < 0) continue;

    var mx = mouseX/100;

    var valeurA = random(-mx, mx);

    var valeurB = random(-mx, mx);

​

    text(joinedText.charAt(i), posX+valeurA, posY-valeurB);

     sortPositionsX[index] += textWidth(joinedText.charAt(i));

    posX += textWidth(joinedText.charAt(i));

    if (posX >= width - 200 && upperCaseChar == ' ') {

       posY += 30;

      posX = 0;

    }

 }

}

​

function getUniqCharacters() {

  var charsArray = joinedText.toUpperCase().split('');

  var uniqCharsArray = charsArray.filter(function(char, index) {

    return charsArray.indexOf(char) == index;

  }).sort();

  return uniqCharsArray.join('');

}

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​

​