function
setup() {
createCanvas(500, 400);
textSize(16);
scaleXslider = createSlider(-3, 3, 1, 0.1);
scaleXslider.position(30, 30);
scaleYslider = createSlider(-3, 3, 1, 0.1);
scaleYslider.position(30, 50);
}
function
draw() {
clear();
text(
"Move the sliders to change the scale value"
, 20, 20);
fill(
"red"
);
rect(150, 150, 100, 100);
let scaleXValue = scaleXslider.value();
let scaleYValue = scaleYslider.value();
text(
"Scale x value: "
+ scaleXValue, 20, 350);
text(
"Scale y value: "
+ scaleYValue, 20, 370);
scale(scaleXValue, scaleYValue);
fill(
"green"
);
rect(150, 150, 100, 100);
}