Im unteren Beispiel wird ein prägnantes Element gezeigt: Ein zufälliger Kreis hebt sich durch Farbe (Rot) und Größe von den anderen ab. Das Ergebniss ist folgender Wahrnehmungseffekt: Das abweichende Element wird sofort wahrgenommen, während die anderen eine gleichförmige Struktur bilden.
function setup() {
createCanvas(600, 400);
noLoop();
}
function draw() {
background(240);
let cols = 10;
let rows = 6;
let spacingX = width / (cols + 1);
let spacingY = height / (rows + 1);
let specialIndex = int(random(cols * rows)); // Ein zufällig abweichendes Objekt
let count = 0;
for (let i = 0; i < cols; i++) {
for (let j = 0; j < rows; j++) {
let x = (i + 1) * spacingX;
let y = (j + 1) * spacingY;
if (count === specialIndex) {
fill(255, 0, 0); // Hebt sich in Farbe ab (prägnantes Element)
ellipse(x, y, 40);
} else {
fill(100);
ellipse(x, y, 30);
}
count++;
}
}
}