The float() function in p5.js is used to get the floating point representation of the given string as a parameter.
Syntax:
float(String)
Parameters: This function accepts a single parameter String which is used to be converted into its floating point representation.
Return Value: It returns the converted floating point representation.
Below programs illustrate the float() function in p5.js:
Example 1: This example uses float() function to get the floating point representation of the given string as a parameter.
function setup() {        // Creating Canvas size     createCanvas(600, 150); }    function draw() {            // Set the background color     background(220);          // Initializing some strings     let String1 = "12";     let String2 = "12.5";     let String3 = "0.9";     let String4 = "0";          // Calling to float() function.     let A = float(String1);     let B = float(String2);     let C = float(String3);     let D = float(String4);            // Set the size of text     textSize(16);            // Set the text color     fill(color('red'));          // Getting floating point representation     text("Floating point representation of string '12' is: " + A, 50, 30);     text("Floating point representation of string '12.9' is: " + B, 50, 60);     text("Floating point representation of string '0.9' is: " + C, 50, 90);     text("Floating point representation of string '0' is: " + D, 50, 110); }  |
Output:
Example 2: This example uses float() function to get the floating point representation of the given string as a parameter.
function setup() {        // Creating Canvas size     createCanvas(600, 90); }    function draw() {            // Set the background color     background(220);          // Initializing some strings     let String1 = "Geeks";     let String2 = "gfg";          // Calling to float() function.     let A = float(String1);     let B = float(String2);            // Set the size of text     textSize(16);            // Set the text color     fill(color('red'));          // Getting floating point representation     text("Floating point representation of string 'Geeks' is: "            + A, 50, 30);     text("Floating point representation of string 'gfg' is: "             + B, 50, 60); } |
Output:
Note: From the above example, if the parameter should be a number then it returns the output as floating point representation otherwise it returns NaN i.e, not a number.
Reference: https://p5js.org/reference/#/p5/float
