p5.js hex() function
Last Updated :
22 Aug, 2023
The hex() function in p5.js is used to convert a number into its hexadecimal notation.
Syntax:
hex(Number)
Parameters: This function accepts a parameter Number which are to be converted into its hexadecimal form. This parameter might also be an array of numbers.
Return Value: It returns the converted hexadecimal representation.
Below program illustrates the hex() function in p5.js.
Example-1:
function setup() {
createCanvas(600, 200);
}
function draw() {
background(220);
let Number1 = 20;
let Number2 = 255;
let Number3 = 0;
let Number4 = 25;
let Number5 = 70;
let A = hex(Number1);
let B = hex(Number2);
let C = hex(Number3);
let D = hex(Number4);
let E = hex(Number5);
textSize(16);
fill(color( 'red' ));
text( "Hexadecimal representation of 20 is: " + A, 50, 30);
text( "Hexadecimal representation of 255 is: " + B, 50, 60);
text( "Hexadecimal representation of 0 is: " + C, 50, 90);
text( "Hexadecimal representation of 25 is: " + D, 50, 110);
text( "Hexadecimal representation of 70 is: " + E, 50, 140);
}
|
Output:
Example-2:
function setup() {
createCanvas(650, 100);
}
function draw() {
background(220);
let Number1 = [20, 255, 30];
let Number2 = [255, 7, 9];
let A = hex(Number1);
let B = hex(Number2);
textSize(16);
fill(color( 'red' ));
text( "Hexadecimal representation of [20, 255, 30] is: "
+ A, 50, 30);
text( "Hexadecimal representation of [255, 7, 9] is: "
+ B, 50, 60);
}
|
Output:
Reference: https://p5js.org/reference/#/p5/hex
Share your thoughts in the comments
Please Login to comment...