xxxxxxxxxx
66
/***********************************************
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 ;
}