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() { // Creating Canvas size createCanvas(600, 200); } function draw() { // Set the background color background(220); // Initializing some numbers let Number1 = 20; let Number2 = 255; let Number3 = 0; let Number4 = 25; let Number5 = 70; // Calling to hex() function. let A = hex(Number1); let B = hex(Number2); let C = hex(Number3); let D = hex(Number4); let E = hex(Number5); // Set the size of text textSize(16); // Set the text color fill(color('red')); // Getting hexadecimal notation 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() { // Creating Canvas size createCanvas(650, 100); } function draw() { // Set the background color background(220); // Initializing some numbers let Number1 = [20, 255, 30]; let Number2 = [255, 7, 9]; // Calling to hex() function. let A = hex(Number1); let B = hex(Number2); // Set the size of text textSize(16); // Set the text color fill(color('red')); // Getting hexadecimal notation 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
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
