p5.js hex() function

0 0 1 minute read

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, zambiatek 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!