This is an old revision of the document!
Table of Contents
RGB-Collage mit dynamischem Farbwechsel
Der obere p5.js-Sketch visualisiert eine digitale Bildkomposition nach dem Prinzip der RGB-Collagen, wie sie vom Künstlerduo Carnovsky bekannt sind. Dabei werden drei verschiedene Bilder übereinandergelegt, wobei jedem Bild ein definierter Farbkanal zugewiesen ist. In unserem Beispiel sind dies Rot, Grün oder Blau. Diese farbliche Trennung erzeugt eine visuelle Mehrschichtigkeit, bei der bestimmte Bildbereiche je nach Farbfilter dominanter oder zurückhaltender erscheinen.
Funktionsweise im Detail
- Zu Beginn werden drei kontrastreiche Bilder aus dem Internet geladen.
- Jedes dieser Bilder wird zentriert auf die Zeichenfläche gezeichnet.
- Mittels der Funktion `tint()` in p5.js erhält jedes Bild eine transparente RGB-Farbe:
- Bild 1 → Rot (255, 0, 0)
- Bild 2 → Grün (0, 255, 0)
- Bild 3 → Blau (0, 0, 255)
- Durch die Überlagerung entsteht ein dichter, farbiger Bildeindruck, bei dem sich die Inhalte gegenseitig durchdringen.
Interaktive Komponente
Bei jedem Mausklick auf die Zeichenfläche werden die Farben der drei Layer zyklisch getauscht. Das bedeutet: Das zuerst rot eingefärbte Bild erhält beim nächsten Klick grün, danach blau, usw. Auf diese Weise verändert sich die visuelle Hierarchie der Bildelemente, ohne dass sich die Bildinhalte selbst ändern.
Das Zusammenspiel von Farbe und Motiv wird so dynamisch erfahrbar gemacht.
Ziel und ästhetisches Prinzip
Das System zeigt, wie stark die Farbzuweisung die Wahrnehmung von Bildebenen beeinflusst. Ähnlich wie bei den analogen RGB-Installationen von Carnovsky mit Licht und Farbfiltern ermöglicht dieser Sketch ein digitales Experiment mit Farbräumen, Sichtbarkeit und Bildschichtung.
Das Prinzip eignet sich besonders zur Analyse farbpsychologischer Wirkung und zur Gestaltung visuell komplexer Kompositionen mit Farbcodierung.