mettre des images dans un array

  voir https://openprocessing.org/sketch/1623325/

choisir au hasard deux images dans l'array

les afficher l'unes sous l'autre

Ensuite

aller chercher dans des sous-répertoire 

Régénérer l'array en cours (pas seulement chargement preload)

***********************************************/

​

var imgs = [];

var nbImg = 4 ;

var imgNums = [] ;

var pos ;

var timer = 0 ; 

​

function preload() {

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

    // au démarrage on prend les nbImg premières images

    print( "images/image" + nf( i + 1 , 3, 0 ) + ".jpg" ) ; 

    imgs.push(loadImage("images/image" + nf( i + 1 , 3, 0 ) + ".jpg" ));

  }

}

​

function setup() {

  createCanvas(windowWidth, windowHeight );

  pos = createVector( 10, 10 ) ;

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

    if(imgs[i].width > imgs[i].height ) {

      imgs[i].resize(width/2 - 20, 0 ) ; 

    } else {

      imgs[i].resize( 0, height/2 - 20, ) ; 

    }

  }  

}

​

function draw() {

​

  background(220);

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

     image( imgs[i], pos.x, pos.y ) ;

     pos.x += width/2 ;

     if( pos.x > width ) {

       pos.y += height/2 ;

       pos.x = 10 ;

     }

  }

  // noLoop() ;

  timer++ ;

  if (timer > 300 ) {

    print("timer > 300 ") ;

    // voir https://knowledge.parcours-performance.com/p5-js-charger-des-images-asynchrone/ pour recharger l'array imgs avec de nouvelles images

    timer = 0 ;

  }

​

  pos.y = 10 ;

  pos.x = 10 ;

}