Quiero cambiar el color de fondo del botón antes y después de hacer clic, pero el código no parece funcionar correctamente. Ni siquiera puedo cambiar el color de fondo del lienzo mientras hago clic. ¿Hay alguna forma de cambiar el color del lienzo usando el color bg?
ar playAnim=false; var pic1; var pic2; var pic3; let button; let posX=0 let posY=0 const rightwall=350; const height=600; function preload(){ pic1=loadImage("5.png") pic2=loadImage("iron.jpg") pic3=loadImage("slag.jpg") } function setup(){ createCanvas(600,600); background("blue"); button=createButton("CLICK ME") button.position(200,250); button.mousePressed(changeBG); noLoop(); } function changeBG() { let val = random(65); background(val); loop(); playAnim=true; draw(); posX=0; posY=0; // background will be overwritten with 220 } function draw() { background(220); text(mouseX + "," + mouseY, 20, 20); img1=image(pic1, 300, 30, 150, 200) img2=image(pic2, posX, 70, 100, 100) img3=image(pic3,posX, posY-300,150, 200) if (playAnim) { posX=constrain(posX+1,0,rightwall-30) posY=constrain(posX-1,posY,height-50) } }Deberías usar:
if(mouseIsPressed) { fill(//add your color here) //add your code here }Puede visitar https://www.codecademy.com/courses/learn-p5js/lessons/p5js-interaction/exercises/p5js-detecting-mouse-events para obtener más información
O si desea detectar un botón del mouse, presione y suelte sobre el elemento, use:
if (mouseClicked) { // enter your code here }