generative gestaltung processing -...

Diana Lange

Generative GestaltunGProcessing

HAWK FH HHG. GenerAtive GestAltunG. Ws 2014. diAnA lAnGe. [email protected]

???

Grundlagen der Codierung + Grundlagen der Generativen Gestaltung

=

Generative Gestaltung mit Processing


???

Grundlagen der Codierung + Grundlagen der Generativen Gestaltung

=

Generative Gestaltung mit Processing

=

Grundlagen der Programmierung

HAWK FH HHG. GENERATIVE GESTALTUNG. WS 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


Generative GraFiK

INFORMATIK

DESIGN KUNST


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


Warum sollten Gestalter ProGrammieren?



Webdesign / Appsdesign / Gamesdesign

Arbeitswelt: Kommunikation mit Programmierern > Schaffen von grundlegenden Ver-

ständnis der notwendigen Arbeitsabläufe auf Programmierebene

Immer mehr Scriptanwendungen auch in gängigen Programmen (C4D, Grasshopper,

Illustrator, AfterEffects)



Webdesign / Appsdesign / Gamesdesign

Arbeitswelt: Kommunikation mit Programmierern > Schaffen von grundlegenden Ver-

ständnis der notwendigen Arbeitsabläufe auf Programmierebene

Immer mehr Scriptanwendungen auch in gängigen Programmen (C4D, Grasshopper,

Illustrator, AfterEffects)

Rolle des Designers:

Mit vorgefertigten Werkzeugen (Photoshop, Illustrator usw.) hat der Gestalter immer

feste Limitierungen: Er kann nur das machen, was das Programm vorsieht.

Über Programmierung ist es möglich uns eigene Werkzeuge zu

erschaffen!


ProcessinG

Casey ReasBen Fry

Processing =

Programmiersprache +

Programmierumgebung +

Online Community

John Maeda

Entwickelt seit 2001 am MIT

- Version 1: 2008

- Version 1.5: 2011

- Version 2.0: 2012

- Version 3.0 in Planung


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



ProcessinG













Leichter Umstieg auf anderer Progammiersprachen (z. B. C++)

Tutorials auf processing.org

Beispiele / Referenzen

Anwendungsorientierte Lehrbücher (2007 -2011: 15 Bücher)


ProcessinG













Export > Java Applet oder JavaScript > Web

OpenProcessing, Processing.org Forum


ProcessinG













Baukastenprinzip:

Mehr als 100 Libraries / Erweiterungen

Funktionalitätserweiterungen

z. B. Animation, GUI, Tracking, Kinect,

Datenin und -export in verschiedenen Formaten


ProcessinG














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


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


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


DoWnloaD

Download unter www.processing.org

generative gestaltung processing -...

Documents