Click on the button, Interact with the slider, and Click on the link to learn more about "The Mezzo Agency"
xxxxxxxxxx
let button;
let name;
let slider;
var input;
function setup() {
createCanvas(windowWidth, windowHeight);
background(255);
//button
button = createButton("YOUR MUSIC. YOUR MONEY");
button.position(100, 230);
button.mousePressed(changeBG);
// A
fill(0, 255, 0);
let a = createA("https://mezzoagency.com/", "Welcome to The Mezzo");
a.position(120, 180);
//input
inp = createInput('');
inp.position(100, 250);
inp.size(200);
inp.input(TheInput);
//slider
slider = createSlider(0, 255, 100);
slider.position(150, 150);
slider.style('width', '80px');
}
//change BG colors
function changeBG(){
background(random(99), random(5), random(33));
button.html("YOUR. MUSIC. YOUR MONEY. YOUR WAY.");
if (mouseIsPressed === true) {
fill(random(255));
textSize(20);
text("CLICK THE LINK", 120, 220);
} else {
rect(25, 25, 50, 50);
}
}
function TheInput(){
}
function draw() {
}