p5.js createCheckbox()用法及代碼示例

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

// Create a variable for checkbox object 
var checkbox; 
  
// Create a function to change the background-color 
function change_bg() { 
    // Set dark color if box is checked 
    if (this.checked()) { 
        background("darkgreen"); 
    } 
    // Set light color if box is unckecked 
    else { 
        background("lightgreen"); 
    } 
} 
  
function setup() { 
    // Create a canvas 
    createCanvas(400, 400); 
    // Set the background-color 
    background("lightgreen"); 
    // Create a checkbox object  
    // Initially unchecked 
    checkbox = createCheckbox('Dark Background', false); 
    // Posotion the checkbox object 
    checkbox.position(160, 200); 
    // Call the change_bg() function when the box 
    // is cheched or unchecked 
    checkbox.changed(change_bg); 
}