diff options
| -rw-r--r-- | P5/light.js | 28 | ||||
| -rw-r--r-- | report.qmd | 5 |
2 files changed, 33 insertions, 0 deletions
diff --git a/P5/light.js b/P5/light.js new file mode 100644 index 0000000..c60d225 --- /dev/null +++ b/P5/light.js @@ -0,0 +1,28 @@ +// SPDX-FileCopyrightText: 2025 Noor Ahmad <noora@ruc.dk> +// SPDX-License-Identifier: GPL-3.0-or-later + +let button; +let bgColor; //a variable that keeps track of the background color +let isBlack = true; //Starts with black + +function setup() { + createCanvas(800, 500); + bgColor = color(15,15,60); + button = createButton("Color"); + button.mouseClicked(changeBackground); + button.size(50, 50); + button.position(350, 210); +} + +function draw() { + background(bgColor); +} + +function changeBackground() { + if (isBlack) { + bgColor = color(255, 223, 0); //Yellow + }else { + bgColor = color(15,15,60); //Black + } + isBlack = !isBlack; //Changing between true and false +}
\ No newline at end of file @@ -374,3 +374,8 @@ about consuming a lot of space and resources* ```{.c include="Mussel/examples/seconds/seconds.ino" code-line-numbers="true"} ``` + +# P5.js sketch `light.js` {.appendix} + +```{.js include="P5/light.js" code-line-numbers="true"} +``` |