Differences

This shows you the differences between two versions of the page.

--- code:p5js:gestaltrule_06 [2025/03/20 09:16] – Felix Hardmood Beck
+++ code:p5js:gestaltrule_06 [2025/03/20 09:19] (current) – Felix Hardmood Beck
@@ Line 1: / Line 1: @@
+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.
 <html>
 <head>
@@ Line 4: / Line 8: @@
 </head>
 <body>
+    <div id="sketch-holder"></div>
     <script>
         function setup() {
-            createCanvas(600, 400);
+            let canvas = createCanvas(600, 400);
+            canvas.parent("sketch-holder");
             noLoop();
         }