p5.js | función crearRadio()

La función createRadio() se utiliza para crear un elemento de botón de radio en el DOM (Modelo de objetos de documento). El método .option() se utiliza para configurar las opciones de la radio. 
Esta función requiere la biblioteca p5.dom. Así que agregue la siguiente línea en la sección principal del archivo index.html. 

html

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

Sintaxis:  

createRadio( divId )

Parámetros: esta función acepta un solo parámetro divId que contiene la identificación y el nombre del div creado y el campo de entrada, respectivamente.
Ejemplo: Este ejemplo cambia el color de fondo de acuerdo con la opción seleccionada del botón de opción.

javascript

// Create a variable for radio-button object
var radio;
 
function setup() {
     
    // Create a canvas
    createCanvas(400, 400);
     
    // Create a radio-button object
    // and set options
    radio = createRadio();
     
    // Option 1 : orange
    radio.option('orange');
     
    // Option 2 : skyblue
    radio.option('skyblue');
     
    // Option 3 : green
    radio.option('green');
     
    // Set the width
    radio.style("width", "80px");
     
    // Position the radio-button object
    radio.position(160, 200);
}
 
function draw() {
     
    // Get the value of the radio-button
    var val = radio.value();
     
    // Set the background-color
    background(val);
}

Producción: 

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

Publicación traducida automáticamente

Artículo escrito por SujanDutta 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 *