Objects and images 7.8

In your video you created an array of file names and used CONCATENATE to pass through a link to the image.

I want to use the array [i] to load the image from an array of URL’s, they have no logical file name so I need to reference the array index no. Instead.

I want to click the mouse and a new array index no. Is chosen and the image loaded.

Thanks!

Code:

var urls = [ "https://i.imgflip.com/tau4.jpg", "https://i.imgflip.com/2cp1.jpg", "https://i.imgflip.com/5kdc.jpg", "https://i.imgflip.com/1bgs.jpg", "https://i.imgflip.com/cv1y0.jpg", "https://i.imgflip.com/320xfw.jpg " ];

var bubbles = [];
var memeImg;

function preload() {

vvvvvvvvvvvvv
memeImg = loadImage(urls[3]); **** this loads the urls array index 3 *****
}
^^^^^^^^^^^^^^^ this part needs to random select an index no.

function setup() {
createCanvas(600, 400);


}
function mousePressed(){

var b = new Bubble(mouseX, mouseY, memeImg) ;
bubbles.push(b)
print(bubbles)
}

function draw() {
background(0);
for (var i = 0; i < bubbles.length; i++) {
// bubbles[i].move();
bubbles[i].display();

}
}

Commencez par les fonctions preload() et mousePressed() fournies et examinez la manière dont le tableau urls et memeImg sont utilisés. Le comportement demandé est qu’un clic de souris choisisse un index du tableau et charge l’image correspondante, mais le payload ne nomme aucun fichier du dépôt ni aucun test à exécuter.

Rédigé par le modèle d'indexation à partir du texte de l'issue.