xxxxxxxxxx
53
function preload () {
img1 = loadImage("clouds2.jpg");
img2 = loadImage("p2.png");
img3 = loadImage("p3.png");
img4 = loadImage("p4.png");
img5 = loadImage("p5.png");
img6 = loadImage("p6.png");
img7 = loadImage("p7.png");
img8 = loadImage("p8.png");
img9 = loadImage("p9.png");
img10 = loadImage("p10.png");
img11 = loadImage("p11.png");
img12 = loadImage("p12.png");
img13 = loadImage("p13.png");
img14 = loadImage("p14.png");
img15 = loadImage("p15.png");
img16 = loadImage("sand.jpg");
img17 = loadImage("term.jpg");
}
function setup() {
createCanvas(927, 618);
noStroke();
}
function draw() {
image(img17,0,0);
if(mouseIsPressed){
image(img1,0,0);
image(img2, mouseX, 16, 85, 60); // Top circle
image(img3,mouseX/2, 56, 85, 60); // Middle circle
image(img4,mouseX*3, 96, 85, 60); // Bottom circle
image(img5,mouseX*3.5, 136, 85, 60); // Bottom circle
image(img6,mouseX*2, 176, 85, 60); // Bottom circle
image(img7,mouseX/1, 216, 85, 60); // Bottom circle
image(img8,mouseX*2, 256, 85, 60); // Bottom circle
image(img9,mouseX*3, 296, 85, 60); // Bottom circle
image(img10,mouseX*1.5, 336, 85, 60); // Bottom circle
image(img11,mouseX*2.5, 376, 85, 60);
image(img12,mouseX/1, 416, 85, 60);
image(img13,mouseX*4, 456, 85, 60);
image(img14,mouseX/1.5, 496, 85, 60);
image(img15,mouseX*2, 536, 85, 60);
}
}