sketchDownload
var angle=0;
var boxWidth = 80;
var boxX = 30;
function setup() {
createCanvas(600, 450);
text("p5.js vers 0.9.0 test.", 10, 15);
}
function draw() {
background(205, 255, 0);
if (mouseY>height/2){
background(139, 171, 14);
}
//changing color of background
noStroke();
fill(105, 93, 34);
if (boxX>width){
boxX=-boxWidth;
}
boxX=boxX+5;
rect(boxX, height/2, boxWidth, 40);
//moving rect
fill(229, 163, 220);
circle(mouseX, mouseY, 100);
//pink circle
fill(255, 213, 0);
circle(600-mouseX, mouseY*4/5, mouseX*2/3);
//yellow circle
fill(149, 120, 229);
push();
translate(100, 100);
rotate(radians(angle));
rectMode(CENTER);
rect(0, 0, dist(mouseX, mouseY, width/2, height/2), dist(mouseX, mouseY, width/2, height/2));
pop();
angle += 3;
//rotating square
fill(243, 142, 220);
rect(width/2, mouseY, mouseX*3/8, 90);
//pink rect
}