p5.js | createCheckbox () Функция
Опубликовано: 12 Декабря, 2021
Функция createCheckbox () в p5.js используется для создания элемента флажка в DOM (объектной модели документа). Эта функция включает библиотеку p5.dom. Добавьте следующий синтаксис в заголовок.
html
< script src =</ script > |
Синтаксис:
createCheckbox (метка, значение)
Параметры:
- label: этот параметр содержит метку, отображаемую рядом с флажком.
- значение: этот параметр содержит состояние флажка (истина / ложь).
Пример: в этом примере используется флажок для изменения цвета фона со светлого на темный и наоборот.
javascript
// Create a variable for checkbox objectvar checkbox;// Create a function to change the background-colorfunction change_bg() { // Set dark color if box is checked if (this.checked()) { background("darkgreen"); } // Set light color if box is unchecked 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 checked or unchecked checkbox.changed(change_bg);} |
Выход:
Перед установкой флажка:
После установки флажка:
Ссылка: https://p5js.org/reference/#/p5/createCheckbox