p5.js | función hexadecimal()

La función hex() en p5.js se usa para convertir un número en su notación hexadecimal.

Sintaxis:

hex(Number)

Parámetros: Esta función acepta un número de parámetro que se convertirá a su forma hexadecimal. Este parámetro también podría ser una array de números.

Valor devuelto: Devuelve la representación hexadecimal convertida.

El siguiente programa ilustra la función hex() en p5.js.
Ejemplo 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);
}

Producción:

Ejemplo-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);
}

Producción:

Referencia: https://p5js.org/reference/#/p5/hex

Publicación traducida automáticamente

Artículo escrito por Kanchan_Ray y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *