createCanvas(windowWidth, windowHeight);
capture = createCapture({ audio: false, video: { facingMode: { exact: "environment" } }});
capture.size(windowWidth, windowHeight);
{ minHue: 0, maxHue: 30, phrase: "0,5 µSv/h" },
{ minHue: 31, maxHue: 90, phrase: "0,3 µSv/h" },
{ minHue: 91, maxHue: 150, phrase: "0,2 µSv/h" },
{ minHue: 151, maxHue: 210, phrase: "? " },
{ minHue: 211, maxHue: 270, phrase: "Hotspot" },
{ minHue: 271, maxHue: 330, phrase: "0,5 µSv/h" },
{ minHue: 331, maxHue: 360, phrase: "0,5 µSv/h" }
image(capture, 0, 0, width, height);
let c = capture.get(centerX, centerY);
let hueValue = hue(color(c));
let phrase = getPhraseForHue(hueValue);
textAlign(CENTER, CENTER);
text(phrase, width / 2, height - height / 3);
ellipse(centerX, centerY, 40);
ellipse(centerX, centerY, 2);
function getPhraseForHue(hueValue) {
for (let i = 0; i < phrases.length; i++) {
if (hueValue >= phrases[i].minHue && hueValue <= phrases[i].maxHue) {
return phrases[i].phrase;