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