#XY ungelöst (Iterative Pattern)

Brief | Kurzbeschreibung

Write code to generate a tiling pattern or textural composition, as for wallpaper or fabric. Give consideration to aesthetic issues like symmetry, rhythm, color; detail at multiple scales: precise control of shape; and the balance between organic and geometric forms.

Your pattern should be designed so that it could be infinitely tiled or extended. Design something you would like to put on the walls or floor of your home, or that you could imagine yourself wearing.

Export your pattern in a high-resolution format, and print It as large as possible for your peers' review. Remember to sketch first.

____________________

Schreiben Sie Code, um ein Kachelmuster oder eine texturierte Komposition, wie bei Tapeten oder Stoffen zu generieren. Berücksichtigen Sie ästhetische Aspekte wie Symmetrie, Rhythmus, Farbe, Details in verschiedenen Maßstäben, präzise Kontrolle der Form und das Gleichgewicht zwischen organischen und geometrischen Formen.

Ihr Muster sollte so gestaltet sein, dass es unendlich gekachelt oder erweitert werden kann. Entwerfen Sie etwas das Sie gerne an den Wänden oder auf dem Boden Ihrer Wohnung anbringen möchten, oder das Sie an sich selbst tragen würden.

Exportieren Sie Ihr Muster in einem hochauflösenden Format und drucken Sie es so groß wie möglich aus, damit andere dies besser überprüfen können. Denken Sie daran, zuerst zu skizzieren.

____________________

Learning Objectives | Zielsetzung

Create visual designs using the Cartesian coordinate system and combining drawing functions

Use functional abstraction to encapsulate the code for modular design elements

Generate and critique designs with symmetries and/or seamless repetition

____________________

Erstellen visueller Entwürfe unter Verwendung des kartesischen Koordinatensystems und Kombinieren von Zeichenfunktionen

Verwendung funktionaler Abstraktion, um den Code für modulare Designelemente zu kapseln

Entwürfe mit Symmetrien und/oder nahtlosen Wiederholungen erstellen und kritisieren

____________________

Variations | Varianten

Experiment with 2D graphics transformations such as rotation, scaling, and mirror reflections.

Use nested iteration to develop 2D rhythms or other gridlike visual structures.

Create a helper function to abstract the way in which a complex visual element (such as a flower, animal, fruit, or fleur-de-lis) is rendered throughout your design.

Reproduce a preexisting textile or wallpaper design using code only.

Make a kaleidoscope by incorporating a photographic image or video feed mto a pattern with symmetric reflections.

Have your pattern printed on real fabric or wrapping paper. Consider other output devices or on-demand services for realizing your pattern, such as computer-controlled laser cutters, knitting machmes, or lace-making machines.

Make an animated „dynamic wallpaper“ loop to use in the background of your videoconferences. Your design should scale gracefully by rendering correctly at different canvas resolutions.

____________________

Experimentieren Sie mit 2D-Grafiktransformationen wie Drehung, Skalierung und Spiegelung.

Verwenden Sie verschachtelte Iterationen, um 2D-Rhythmen oder andere gitterartige visuelle Strukturen zu entwickeln.

Erstellen Sie eine Hilfsfunktion, um die Art und Weise zu abstrahieren, in der ein komplexes visuelles Element (z. B. eine Blume, ein Tier, eine Frucht oder eine Fleur-de-Lis) in Ihrem Design gerendert wird.

Reproduzieren Sie ein bereits vorhandenes Textil- oder Tapetendesign nur mit Code.

Erstellen Sie ein Kaleidoskop, indem Sie ein fotografisches Bild oder ein Video in ein Muster mit symmetrischen Spiegelungen einfügen.

Lassen Sie Ihr Muster auf echten Stoff oder Geschenkpapier drucken. Ziehen Sie andere Ausgabegeräte oder On-Demand-Dienste für die Umsetzung Ihres Musters in Betracht, z. B. computergesteuerte Laserschneider, Strickmaschinen oder Klöppelmaschinen.

Erstellen Sie eine animierte „Dynamic Wallpaper“-Schleife, die Sie im Hintergrund Ihrer Videokonferenzen verwenden können. Ihr Design sollte sich problemlos skalieren lassen, indem es bei verschiedenen Leinwandauflösungen korrekt wiedergegeben wird.

____________________

Making It Meaningful | Bedeutung zuweisen

Pattern Is the starting point from which we perceive and impose order In the world. Examples of functional, decorative, and expressive pattern-makmg date from ancient times and take the form of mosaics, calendars, tapestry, quilting, jewelry, calhgraphy, furniture, and architecture. There is an intimate connection between pattern design, visual rhythm, geometry, mathematics. and IteratIve algorithms. This prompt invites the creator to hone their understanding of these relationships in formal terms. An important variation of this prompt is to realize designs physically, through either digital printing, fabrication in an unusual material, or at an unexpected scale. This can be a watershed moment of synthesis for software artists who crave making something physical.

____________________

Patterns sind der Ausgangspunkt, von dem aus wir die Welt wahrnehmen und ihr eine Ordnung geben. Beispiele für funktionale, dekorative und ausdrucksstarke Muster stammen aus der Antike und finden sich in Form von Mosaiken, Kalendern, Wandteppichen, Steppdecken, Schmuck, Kalhgraphie, Möbeln und Architektur. Es besteht eine enge Verbindung zwischen Musterdesign, visuellem Rhythmus, Geometrie, Mathematik und iterativen Algorithmen. Diese Aufforderung lädt den Schöpfer dazu ein, sein Verständnis für diese Beziehungen in formaler Hinsicht zu vertiefen. Eine wichtige Variante dieser Aufforderung besteht darin, Entwürfe physisch zu realisieren, entweder durch Digitaldruck, Herstellung aus einem ungewöhnlichen Material oder in einem unerwarteten Maßstab. Für Softwarekünstler, die sich danach sehnen, etwas Physisches zu schaffen, kann dies ein entscheidender Moment der Synthese sein.

Georg Pólya's illustrations (1924) of the seventeen periodic plane symmetry groups had a profound influence on the algorithmic patternmaking of M. C. Escher.

____________________

Georg Pólyas Illustrationen (1924) der siebzehn periodischen Symmetriegruppen in der Ebene hatten einen tiefgreifenden Einfluss auf die algorithmische Mustergestaltung von M. C. Escher.

Zellige terracotta tiles in Marrakech (17th century) form edge-to-edge, regular, and other tessellations.

____________________

Zellige Terrakottafliesen in Marrakesch (17. Jahrhundert) bilden Kante an Kante, regelmäßige und andere Mosaike.

Casey Reas's „One Non-Narcotic Pill A Day“ (2013) presents a dynamic collage pattern generated from a video recording.

____________________

Casey Reas' „One Non-Narcotic Pill A Day“ (2013) zeigt ein dynamisches Collagenmuster das aus einer Videoaufnahme generiert wurde.

Alison Gondek, a scenic design student at Carnegie Mellon studying introductory programming, used p5.js to create this pattern inspired by the “Circular Gallifreyan” language from Doctor Who.

____________________

Alison Gondek, Studentin für Szenisches Design an der Carnegie Mellon University, die eine Einführung in die Programmierung erhält, hat mit p5.js dieses Muster erstellt, das von der „Circular Gallifreyan“-Sprache aus Doctor Who inspiriert ist.

Vera Molnár was among the first artists to use a computer. Her 1974 untitled plotter drawing demonstrates patterns arising from the interaction between procedural iteration and randomized omission.

____________________

Vera Molnár war eine der ersten Künstlerinnen, die einen Computer benutzten. Ihre Plotterzeichnung ohne Titel aus dem Jahr 1974 zeigt Muster, die aus der Interaktion zwischen prozeduraler Iteration und zufälliger Auslassung entstehen.

Leah Buechley explores the intersection of computation and craft. The design of her lasercut curtain (2017), generated in Processing, features multiple forms of iteration and controlled randomness.

____________________

Leah Buechley erforscht die Überschneidung von Computern und Handwerk. Das Design ihres lasergeschnittenen Vorhangs (2017), der in Processing generiert wurde, zeichnet sich durch vielfältige Formen der Iteration und kontrollierten Zufälligkeit aus.

Recherche

Metaphern

Die Metaphern eröffnen unterschiedliche Perspektiven auf die Beziehung zwischen Mensch und Natur und zeigen, wie Handlungen des Menschen natürliche Muster formen, stören oder weiterentwickeln können. Sie können als konzeptionelle Grundlage dienen in denen der Mensch verschiedene Rollen einnimmt.

____________________

Nature as music living “in harmony with Nature“

Harmonie / Einheit / Beteiligung

Natur wird als fortlaufender, sich verändernder musikalischer Prozess beschrieben, in dem viele unterschiedliche Teile, ähnlich einer Symphonie oder Orchestrierung, harmonisch zusammenwirken. Alle Lebewesen, also auch der Mensch, tragen ihren Klang beziehungsweise ihren Teil bei, um die richtige Musik entstehen zu lassen.

Der Mensch nimmt die Rolle des Mitgestaltenden ein und wirkt durch seinen Input in der Interaktion am Gesamtbild mit.

https://meisner.ca/wp-content/uploads/2012/10/meisner-metaphors-of-nature.pdf

Die Symphonie übersetzt musikalisch, wie Menschen inmitten der Natur leben und ihre Abläufe miterleben.

____________________

Web-of-life Metapher

Vernetzung / Verantwortung / Ganzheitlich

Der Mensch ist ein Knotenpunkt im größeren Netz des Lebens und hat die Verantwortung, die komplexen Wechselwirkungen innerhalb des Ökosystems zu verstehen. Jede Handlung beeinflusst andere Arten und Komponenten, weshalb eine ganzheitliche Betrachtung und ein achtsames Handeln notwendig ist.

Der Mensch übernimmt die Rolle des reflektierten Teilhabers. Auf ihn wirken Umwelteinflüsse und gleichzeitig wirkt sein Handeln auf andere des Systems.

https://www.researchgate.net/publication/241279214_Ecosystem_Services_and_Beyond_Using_Multiple_Metaphors_to_Understand_Human-Environment_Relationships

Das Zeitraffer-Video fängt durch tägliche Aufnahmen den Moment ein, in dem die Korallen verblassen. Die Erwärmung der Meere schädigt die Korallenriffe, wodurch ein Teil des Lebensnetzes verloren geht und ihr Rückgang sich auf andere Meeresbewohner auswirkt.

____________________

Parasit und Wirt (Schmarotzermetapher)

Parasit / Symbiose / Parabiose

Parasit: Der Mensch

Wirt: Die Natur beziehungsweise die Erde

Der Mensch nutzt Ressourcen, verschmutzt und zerstört Lebensräume. Dabei lebt er vom Ökosystem, schwächt es aber zugleich. Er lebt auf Kosten des Wirts auch oft, ohne dabei etwas zurückzugeben, manchmal sogar bis der Wirt stirbt.

Die Autoren schlagen vor, dass der Mensch sein parasitisches Verhältnis zu einer symbiotischen Beziehung (beide haben einen Nutzen) oder zu einer parabiotischen Beziehung (Mensch profitiert und schadet der Natur nicht) ändern sollte.

https://www.academia.edu/298908/KRIEG_GEGEN_DIE_NATUR_FEIND_OPFER_METAPHERN_UND_IHR_ERKENNTNIS

Foto von Leonid Danilov: https://www.pexels.com/de-de/foto/deponie-in-der-nahe-von-baumen-2768961/

____________________

Weitere Metaphern

- Nature is a Person (Personifizierung der Natur) https://onlinelibrary.wiley.com/doi/10.1111/tops.12651

- Gaia Mother Earth

- Climate Action is a race

- Stewardship metaphor (Fürsorgemetapher)

- Kipppunkte beim Klimawandel

Drei Konzeptideen

Konzeptidee 2.0

Die Grundidee, mithilfe von natürlichen Materialien Klänge auszulösen, bleibt erhalten und basiert weiterhin auf der Metapher „Living in harmony with nature“.

Neu ist ein stärkerer Fokus auf das Experimentieren, indem Nutzende durch Ausprobieren entdecken können, wie verschiedene Materialien klingen und wie sie das visuelle Muster verändern.

Experimente und Iterationen

Klang und Pattern durch Berührung erzeugen

Arduino
Die CapacitiveSensor Bibliothek wird genutzt, um Mandarine und Banane in Berührungssensoren zu verwandeln. Die Signale PLAY_A und PLAY_C werden bei einer Berührung über die serielle Schnittstelle gesendet.

Processing
Es wird ein Raster erstellt, dass aus zweidimensionalen Arrays besteht, die den jeweiligen Zustand speichern (pixelHue, pixelSaturation, brightness). Mithilfe der processing.sound Bibliothek werden je nach empfangenen Signal Soundfiles ausgelöst. Bei einer Berührung werden zufällige Zellen im Grid eingefärbt (Gelb für Sensor A und Lila für Sensor C).

Fazit
Durch eine Zuweisung einer Farbe und eines Sound pro Berührungssensor hat beispielsweise jedes Material bei Sensor A den selben Output.
Anstatt fester Farben und Töne könnten sich der visuelle und akustische Output je nach Sensordaten verändern, wodurch nicht vorhersehbar ist, was beim jeweiligen Material passiert, sondern experimentiert und entdeckt werden kann.

Farben und Klang je nach Sensordaten

Der über die serielle Schnittstelle empfangene Sensorwert wird in der map()-Funktion skaliert und in Parameter übersetzt, die den Klang und das Muster steuern.

Die Höhe des Wertes beeinflusst, welche Frequenz aus einem Ton-Array dem Sensorwert zugewiesen wird.

Gleichzeitig bestimmt der Wert den Farbton im HSB-Farbraum. Ein niedriger Sensorwert ergibt rot, ein mittlerer gelb/grün/blau und ein hoher Wert ergibt violett/pink.

Bei einer Berührung werden 15 zufällige Kacheln über die Funktion triggerRandomPixel in der zugewiesenen Farbe eingefärbt. Bleibt der Kontakt (Hold), werden mit der Funktion spreadColor benachbarte Felder eingefärbt.

- Processing Muster 2.0 (weniger starr)

Pattern

- Processing Muster (mit Referenzbildern)

- Holz Podest Setup mit Prozess

Technologie

RC-Zeitkonstante-Messung (Widerstand-Kondensator-Prinzip)

- Kapazitätsänderung zwischen Blatt und Mensch

Ergebnis

Nature as Instrument: Experiments with Natural Materials

- kurzer Satz

Arduino und Processing Code

Visuals

Video

Nature as Instrument: Material Experiments

Nature as Instrument: Exploring Sound Through Materials

Nature as Instrument: Experiments with Natural Materials

Nature as Instrument: Organic Sound Experiments

------

Übungen

Analog - Digital

Digital - Analog

Ein digitaler Geist am Ouija-Board

Gemini nimmt die Rolle des Geistes ein und kommuniziert über das Ouija-Board. Dafür wird im Processing eine API-Anfrage an ein Gemini-Modell gestellt, in der Gemini aufgefordert wird als ein Geist ein kurzes Wort zu generieren. Die API-Anfrage wurde mit gemini generiert.

Nachdem das Wort empfangen wurde, wird es in einzelne Buchstaben zerlegt, welche anschließend mithilfe einer Skala (F = 36°) in einen Winkel umgewandelt wird. Danach wird der Winkel seriell an das Arduino-Board gesendet, wodurch der Servo-Motor auf den jeweiligen Buchstaben schwenkt.

Das erste Wort ist „BUH“. Zwischen den Anfragen bewegt sich der Servo-Motor auf den Buchstaben „N“.

In Processing wird der Kommunikationsprozess überwacht, um einen zuverlässigen Datenaustausch mit dem Arduino zu ermöglichen, damit keine Befehle verloren gehen oder überschrieben werden. Nachdem in Processing ein Winkel gesendet wurde, wird ein Wartezustand gesetzt, der die Übertragung weiterer Befehle stoppt. Sobald der Arduino den Winkel empfangen, verarbeitet und den Servo eingestellt hat, wird eine Antwort zurück gesendet, wodurch der Wartezustand aufgehoben wird.

Löten

Lasercut

Condition

Interaction

Shapes und Color