p5.js | función createColorPicker()

La función createColorPicker() en p5.js se usa para crear un elemento selector de color en el DOM (Document Object Model) para tomar el color de entrada. El método .color() se usa para obtener el color elegido actualmente. Esta función incluye la biblioteca p5.dom. Agregue la siguiente sintaxis en la sección principal.

<script src=
"https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.min.js"> 
</script>

Sintaxis:

createColorPicker( value )

Parámetros: esta función acepta un valor de parámetro único que contiene el color predeterminado del selector de color.

Ejemplo: este ejemplo utiliza el objeto selector de color para establecer el color de fondo.

// Create a variable for color-picker object
var color_picker;
  
function setup() {
    
    // Create a canvas
    createCanvas(400,400);
      
    // Create a color-picker object 
    color_picker = createColorPicker("green");
}
  
function draw() {
      
    // Set the background-color as
    // chosen by the color-picker
    background(color_picker.color());
}                    

Producción:

• Antes de elegir el color:
  
• Elija el color del selector de color:
  
• Después de seleccionar el color:
  

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