Embed Size (px)
Citation preview
Diana Lange
Generative GestaltunGProcessing
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
was Heisst Generativ?
Generative Gestaltung bezeichnet eine Entwurfsmethode in den verschie-
denen Bereichen der Gestaltung (Kunst, Architektur, Kommunikations-
design, Produktdesign, …). Wesentlich dabei ist, dass der Output – Bild,
Sound, architektonisches Modell, Animation, … – durch ein Regelwerk,
bzw. einen Algorithmus (üblicherweise in Form eines Computerpro-
gramms) erzeugt wird.
http://de.wikipedia.org/wiki/Generative_Gestaltung
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
Generative GraFiK
Generative art is the meeting place between the two [Programming and
Art]; it‘s a discipline of taking strict, logical processes and subverting them
into creating illogical, unpredictable, and expressive results.
Matt Pearson: Generative art. A practical guide using processing.
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
Generative GraFiK
Generative art is the meeting place between the two [Programming and
Art]; it‘s a discipline of taking strict, logical processes and subverting them
into creating illogical, unpredictable, and expressive results.
The aim of generative art, if it has any aim at all, is to make something
beautiful.
Matt Pearson: Generative art. A practical guide using processing.
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
Generative GraFiK
Generative art is the meeting place between the two [Programming and
Art]; it‘s a discipline of taking strict, logical processes and subverting them
into creating illogical, unpredictable, and expressive results.
The aim of generative art, if it has any aim at all, is to make something
beautiful.
Generative artists are chaos artists.
Matt Pearson: Generative art. A practical guide using processing.
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
Generative GraFiK
Generative art is the meeting place between the two [Programming and
Art]; it‘s a discipline of taking strict, logical processes and subverting them
into creating illogical, unpredictable, and expressive results.
The aim of generative art, if it has any aim at all, is to make something
beautiful.
Generative artists are chaos artists.
Matt Pearson: Generative art. A practical guide using processing.
Der Gestalter beschreibt eine Ausgangssituation, ein Regelwerk.
Er beschreibt nicht die fertige Arbeit.
Der Zufall, ein gewisser Grad an Autonomie und die daraus resultierende Unvorhersehbarkeit sind
grundlegende Kennzeichen der Generativen Grafi k.
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
Generative GraFiK
INFORMATIK
DESIGN KUNST
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
Processing seeks to ruin the careers of talented designers by tempting them
away from their usual tools and into the world of programming and com-
putation. Similarly, the project is designed to turn engineers and computer
scientists to less gainful employment as artists and designers.
Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
01 Programming in a visual arts context
02 Made for teaching programming
03 Bridge to other languages
04 Provide educational infrastructure
05 Developed through workshops, forums, etc.
06 Simple publishing for sharing
07 Community infrastructure
08 Extensible through libraries
09 Export to diverse media and formats
10 Concise IDE, scale to professional IDE
Quelle: Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
01 Programming in a visual arts context
02 Made for teaching programming
03 Bridge to other languages
04 Provide educational infrastructure
05 Developed through workshops, forums, etc.
06 Simple publishing for sharing
07 Community infrastructure
08 Extensible through libraries
09 Export to diverse media and formats
10 Concise IDE, scale to professional IDE
Quelle: Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
01 Programming in a visual arts context
02 Made for teaching programming
03 Bridge to other languages
04 Provide educational infrastructure
05 Developed through workshops, forums, etc.
06 Simple publishing for sharing
07 Community infrastructure
08 Extensible through libraries
09 Export to diverse media and formats
10 Concise IDE, scale to professional IDE
Quelle: Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
Leichter Umstieg auf anderer Progammiersprachen (z. B. C++)
Tutorials auf processing.org
Beispiele / Referenzen
Anwendungsorientierte Lehrbücher (2007 -2011: 15 Bücher)
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
01 Programming in a visual arts context
02 Made for teaching programming
03 Bridge to other languages
04 Provide educational infrastructure
05 Developed through workshops, forums, etc.
06 Simple publishing for sharing
07 Community infrastructure
08 Extensible through libraries
09 Export to diverse media and formats
10 Concise IDE, scale to professional IDE
Quelle: Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
Export > Java Applet > Web
OpenProcessing, Processing.org Forum
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
01 Programming in a visual arts context
02 Made for teaching programming
03 Bridge to other languages
04 Provide educational infrastructure
05 Developed through workshops, forums, etc.
06 Simple publishing for sharing
07 Community infrastructure
08 Extensible through libraries
09 Export to diverse media and formats
10 Concise IDE, scale to professional IDE
Quelle: Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
Mehr als 100 Libraries
Funktionalitätserweiterungen
z. B. Animation, GUI, Tracking, Kinect,
Datenin und -export in verschiedenen Formaten
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
01 Programming in a visual arts context
02 Made for teaching programming
03 Bridge to other languages
04 Provide educational infrastructure
05 Developed through workshops, forums, etc.
06 Simple publishing for sharing
07 Community infrastructure
08 Extensible through libraries
09 Export to diverse media and formats
10 Concise IDE, scale to professional IDE
Quelle: Casey Reas, Ben Fry: Processing 2.0
https://vimeo.com/28117873
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
ProcessinG
DYNAMISCHE DATENAPIs, GPS, Twitter
STATISCHE DATENXML, Excel
TEXT
VIDEO
BILDER
HARDWARE (ARDUINO)Lichtsensor, Wärmesensor
SOUND
BENUTZER Maus, Keyboard
TRACKINGKinect
DATA (TXT)
BILD (PDF, PNG)
VIDEO (MOV)
3D MODELLE (DXF)
PRODUKTIONSDATEN
CONTROL COMMANDS
SOUND
SOFTWARE (EXE)
AUSGABE IN ECHTZEIT
Excel
Photoshop
Illustrator
AfterEffects
C4D, 3D S Max
3D Druck
Laser
Arduino
Musik
Programme
Android
Projektionen
WebAppsJAVASCRIPT/HTML5
PROCESSING
HAWK FH HHG. GenerAtive GestAltunG. BeWeGunG. ss 2014. diAnA lAnGe. [email protected]
ProcessinG
http://processing.org/
http://www.openprocessing.org/
https://vimeo.com/groups/processing
http://www.flickr.com/groups/processing/pool/with/8472376747/#pho
to_8472376747
Programmieren lernen mit Processing:
WWW.CREATIVECODING.ORG
HAWK FH HHG. GENERATIVE GESTALTUNG. BEWEGUNG. SS 2014. DIANA LANGE. [email protected]
literatur
Getting Started with Processing
Casey Reas and Ben Fry
Processing: A Programming Handbook for
Visual Designers and Artists
Casey Reas and Ben Fry
Learning Processing: A Beginner‘s Guide to
Programming Images, Animation, and Inter-
action
Daniel Shiffman
Generative Gestaltung: Entwerfen. Program-
mieren. Visualisieren.
Hartmut Bohnacker, Benedikt Groß, Julia
Laub, und Claudius Lazzeroni
Data Flow 2: Visualizing Information in Gra-
phic Design
HAWK FH HHG. GenerAtive GestAltunG. BeWeGunG. ss 2014. diAnA lAnGe. [email protected]
DownloaD
Download unter www.processing.org
