programming for visual creatives

26
PROCESSING programming for visual creatives presented by Marcus “mori” Morba GLOBAL IGNITE WEEK 2011 - Nürnberg/Germany Freitag, 11. Februar 2011

Upload: marcus-morba

Post on 16-Mar-2016

233 views

Category:

Documents


0 download

DESCRIPTION

Ignite Talk for O´Reilly´s Global Ignite Event in Nuerenberg 2011 about generative art & processing.

TRANSCRIPT

Page 1: Programming for visual creatives

PROCESSINGprogramming for visual creatives

presented by Marcus “mori” Morba

GLOBAL IGNITE WEEK 2011 - Nürnberg/Germany

Freitag, 11. Februar 2011

Page 2: Programming for visual creatives

WHAT IS PROCESSING?It´s a programming language and environment for creating images, animations & interactions! ๏ Free to download and open source๏ Output possible in 2D, 3D, PDF ...๏ OpenGL integration for accelerated 3D๏ For Linux, Mac OS X, Windows and Java >1.5๏ Huge target plattform support๏ Over 100 libraries for sound, video, computer

vision and more to extend the software๏ Well documented - many books available

processing.orgFreitag, 11. Februar 2011

Page 3: Programming for visual creatives

HOW MANY ARE USING IT?Important is not the number but the trend!Number of Processing users, every 4 weeks:

processing.orgFreitag, 11. Februar 2011

Page 4: Programming for visual creatives

HOW DOES IT LOOK LIKE?The boring world of code:

processing.org/learning/gettingstarted/

void setup() {size(400, 600);smooth();

}

void draw() {if (mousePressed) {fill(0);

} else {fill(255);

}ellipse(mouseX, mouseY,80,80);

}

Freitag, 11. Februar 2011

Page 5: Programming for visual creatives

HOW DOES IT LOOK LIKE?The boring world of code:

processing.org/learning/gettingstarted/

The visual world of code:

void setup() {size(400, 600);smooth();

}

void draw() {if (mousePressed) {fill(0);

} else {fill(255);

}ellipse(mouseX, mouseY,80,80);

}

Freitag, 11. Februar 2011

Page 6: Programming for visual creatives

HOW DOES IT LOOK LIKE?

processing.org/learning/gettingstarted/

...void draw() {int x2 = -100;int y2 = -50;for (int i=5; i < height; i+=5) {if(x2 > width) { x2 = -100;y2+=80;

}x2+=85;circles(40+x2, 80+y2);circles(90+x2, 70+y2);

stroke(255,0,0); line(30, i, 80, i);

}}

void circles(int x, int y) {noStroke();ellipse(x, y, 50, 50);ellipse(x+20, y+20, 60, 60);

}

Freitag, 11. Februar 2011

Page 7: Programming for visual creatives

FIRST STEPSExplore and play with the given examples:

Processing comes up with a lot examples!!!Freitag, 11. Februar 2011

Page 8: Programming for visual creatives

FIRST STEPS

... and explore the world of processing.Freitag, 11. Februar 2011

Page 9: Programming for visual creatives

PLACES TO LEARN ...

... and play with sketches of others.

ethasketch.com

hascanvas.com

openprocessing.org

formandcode.com

processing.org

sketchpad.cc

Freitag, 11. Februar 2011

Page 10: Programming for visual creatives

WHAT CAN WE DO WITH IT?

Eye-Candy - Art - Visuals - Objects - InteractionFreitag, 11. Februar 2011

Page 11: Programming for visual creatives

EXTEND THE POSSIBILITIES

A GUI for non-programmers: sojamo.de/libraries/controlP5/

http://www.sojamo.de/libraries/controlP5/#installation

Freitag, 11. Februar 2011

Page 12: Programming for visual creatives

BUT THIS IS JUST THE BEGINNING

answers.oreilly.com/topic/1671-a-gentle-introduction-to-processing/

Freitag, 11. Februar 2011

Page 13: Programming for visual creatives

LOTS OF LIBRARIES ...

toxiclibs.org

http://www.sojamo.de/libraries/controlP5/#installationhttp://www.sojamo.de/libraries/controlP5/#installation

Freitag, 11. Februar 2011

Page 14: Programming for visual creatives

... FOR NEARLY EVERYTHING!

toxiclibs.orgFreitag, 11. Februar 2011

Page 15: Programming for visual creatives

WHAT CAN WE DO WITH IT?

Art from code into reality.Freitag, 11. Februar 2011

Page 16: Programming for visual creatives

WHAT CAN WE DO WITH IT?

Art from code into reality.Freitag, 11. Februar 2011

Page 17: Programming for visual creatives

WHAT CAN WE DO WITH IT?

Art from code into reality.Freitag, 11. Februar 2011

Page 18: Programming for visual creatives

WHAT CAN WE DO WITH IT?Data-Visualisation: complex stuff can be cool

christopherbaker.net/projects/mymap/Freitag, 11. Februar 2011

Page 19: Programming for visual creatives

WHAT CAN WE DO WITH IT?

onformative.comFreitag, 11. Februar 2011

Page 20: Programming for visual creatives

DESIGN & DELIVER:MacOS, Windows, Java, iOS, Android ...

Freitag, 11. Februar 2011

Page 21: Programming for visual creatives

DESIGN & DELIVER:... and in every HTML5-Browser !!!!!!!

luckybite.com/iprocessing & WeFeelFine.orgFreitag, 11. Februar 2011

Page 22: Programming for visual creatives

THANK YOU ! ! !

presentation slides & more information available at: www.Drupal-Rocks.com/processing

Freitag, 11. Februar 2011

Page 23: Programming for visual creatives

presentation slides & more information available at: www.Drupal-Rocks.com/processing

WRITING 3D APPLICATIONS USING RUBY-PROCESSING: http://prestonlee.com

http://blog.hvidtfeldts.net/index.php/generative-art-links/

http://createdigitalmotion.com/2011/01/processing-live-popular-visual-code-tool-meet-live-coding-and-clojure-lisp/

http://automata.cc/live-processing

http://amnonp5.wordpress.com/

www.wefeelfine.org/

http://randomnumber.nu/?cat=21

http://teemingvoid.blogspot.com/2009/12/readings-in-digital-design.html

http://www.sojamo.de/libraries/controlP5/ GUI for Processing

Drawing with Code: Works from the Anne and Michael Spalter Collectionhttp://www.decordova.org/art/exhibition/drawing-code-works-anne-and-michael-spalter-collection

http://www.generatorx.no/

Useful webl inks:

Freitag, 11. Februar 2011

Page 24: Programming for visual creatives

Useful webl inks:

presentation slides & more information available at: www.Drupal-Rocks.com/processing

http://toxiclibs.org/about/

http://www.sojamo.de/libraries/controlP5/

http://mariuswatz.com/works/abstract01js/about.html !!!!http://processing.unlekker.net/amoebaAbstract_01_formatik/index.htmlhttp://fffff.at/speed-show-4/http://www.abstraction-now.at/

http://fathom.info/

http://www.liaworks.com/category/theprojects/

http://code.google.com/p/onedotzero-ident/http://code.google.com/u/toxmeister/

http://code.google.com/hosting/search?q=label:processing.org

http://acg.media.mit.edu/

http://acg.media.mit.edu/people/fry/ - OUTDATED BUT WITH OLD STUFF !!!!

http://stbride.org/events/musicanddesign

http://designplaygrounds.com

Freitag, 11. Februar 2011

Page 25: Programming for visual creatives

Useful webl inks:

presentation slides & more information available at: www.Drupal-Rocks.com/processing

http://designplaygrounds.com/workshops/faashions-aa-visiting-school-paris-spring-2011/

http://n-e-r-v-o-u-s.com/blog/

http://toxi.co.uk/blog/2007/07/sustainablity-and-generative-design.htm

http://bostoncyberarts.org/

http://visiblearchive.blogspot.com/

http://www.vam.ac.uk/microsites/decode/exhibition

http://flowingdata.com/

http://infosthetics.com/

http://designplaygrounds.com/http://www.box.net/dpdownloads#/dpdownloads/1/33621604

http://postspectacular.com/ !!!!!!!!!!!!

http://www.digitalartistshandbook.org/node/15 -> Processing Page !!!

http://vis.stanford.edu/

Freitag, 11. Februar 2011

Page 26: Programming for visual creatives

Useful webl inks:

presentation slides & more information available at: www.Drupal-Rocks.com/processing

http://www.we-make-money-not-art.com/

http://mag.ma/rodrigo_medina/978201

http://www.indesem.nl/

http://softlabnyc.com/

http://itsa-cinch.com/

http://generativo.materia.com.mx/

http://www.gestalten.tv/motion/random-international

http://www.kineticpavilion.com

http://www.generative-gestaltung.de/

Freitag, 11. Februar 2011