let angleModeSelected;
function
setup() {
createCanvas(400, 300);
textSize(18);
angleModeSelected = DEGREES;
angleModeToggler = createButton(
"Toggle Angle Mode"
);
angleModeToggler.position(30, 40);
angleModeToggler.mouseClicked(() => {
if
(angleModeSelected == DEGREES) angleModeSelected = RADIANS;
else
angleModeSelected = DEGREES;
});
angleSlider = createSlider(-180, 180, 0, 1);
angleSlider.position(30, 120);
}
function
draw() {
clear();
let angleToRotate = angleSlider.value();
let angleInRadians = (angleToRotate / 57.295).toFixed(3);
text(
"Angle Mode Selected: "
+ angleModeSelected, 20, 20);
text(
"Current value of rotation: "
+ angleToRotate +
" degrees"
, 20, 80);
text(
"Current value of rotation: "
+ angleInRadians +
" radians"
, 20, 100);
angleMode(angleModeSelected);
translate(width / 3, height / 1.5);
rotate(angleToRotate);
rect(0, 0, 100, 25);
}