function
setup() {
createCanvas(600, 200);
textSize(20);
inputElemA = createInput(10);
inputElemA.position(30, 40);
inputElemB = createInput(100);
inputElemB.position(30, 60);
sliderElem = createSlider(0, 1, 0.5, 0.1);
sliderElem.position(30, 120);
}
function
draw() {
clear();
text(
"Enter two values between which new "
+
"number would be lerped"
, 20, 20);
text(
"Move the slider to observe the amount"
+
" of lerping"
, 20, 100);
inputValA = Number(inputElemA.value());
inputValB = Number(inputElemB.value());
sliderVal = sliderElem.value();
text(
"The amount of lerping is: "
+ sliderVal, 20, 160);
text(
"The lerped value is: "
+ lerp(inputValA, inputValB,
sliderVal), 20, 180);
}