https://editor.p5js.org/Anne-Laure/sketches/J3e8kdVJa

expérience pour ranger des objets en rangs

puis les faire se déplacer et changer de couleur

Voir d'autres expériences avec le même but ici : 

https://editor.p5js.org/Anne-Laure/sketches/HwT2YQXiu

on y trouve également la classe Unite

****/

​

var lot = [] ;

var lotSize = 12; // ne pas dépasser 12

var demarrer = false ;

var rayon = 20 ;

var departX, departY ; // bas gauche de "boîte"

var finX, finY ;       // haut droite de "boîte"

​

function setup() {

  createCanvas(400, 400);

  noStroke() ;

  // vérification que le lot n'est pas trop gros

  if ( lotSize > 12 ) {

    textSize(20) ;

    fill("red") ;

    text("!!! taille de lot trop importante !!!", 20, height/2 ) ;

    noLoop() ;   

  }

​

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

    let xPos = width / 10 + (i*( rayon + 2 )) ;

    lot.push(new Unite( xPos, height / 3, i ) );

  }

}

​

function draw() {

  if (isLooping() ) {

    background(220);

​

    // Dessiner une boîte

    fill("red") ;

    rect(width / 10, height / 2, 100, 100 ) ;

​

    // Loop over the array and update each fish. 

    for (let u of lot){

      // u.update() ;

      if( u.index % 2 ) {

        u.colorize("blue") ;

      } else {

        u.colorize("yellow") ;

      }

​

      u.show();

    }     

  }

​

}

​

function mousePressed(){

  demarrer = !demarrer ;    

}