1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
// To learn more about this project visit
// https://github.com/ff6347/p5-code-sandbox
//
// Hint: This is the Monaco editor
// Hit F1 to open the command palette!
//
//@ts-check
let ff6347 = '#ff6347';
let complementaryColor;
function setup() {
  const canvas = createCanvas(100, 100);
  colorMode(HSB, 360, 100, 100, 100);
  canvas.parent('sketch');
  const bg = color(360);
  console.log(bg);
  background(bg);
  complementaryColor = color(
    (hue(ff6347) + 180) % 360,
    saturation(ff6347),
    brightness(ff6347)
  );
}
function draw() {
  if (frameCount % 2) {
    fill(ff6347);
  } else {
    fill(complementaryColor);
  }
  circle(