PROCESSINGprogramming for visual creatives
presented by Marcus “mori” Morba
GLOBAL IGNITE WEEK 2011 - Nürnberg/Germany
Freitag, 11. Februar 2011
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
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
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
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
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
FIRST STEPSExplore and play with the given examples:
Processing comes up with a lot examples!!!Freitag, 11. Februar 2011
FIRST STEPS
... and explore the world of processing.Freitag, 11. Februar 2011
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
WHAT CAN WE DO WITH IT?
Eye-Candy - Art - Visuals - Objects - InteractionFreitag, 11. Februar 2011
EXTEND THE POSSIBILITIES
A GUI for non-programmers: sojamo.de/libraries/controlP5/
http://www.sojamo.de/libraries/controlP5/#installation
Freitag, 11. Februar 2011
BUT THIS IS JUST THE BEGINNING
answers.oreilly.com/topic/1671-a-gentle-introduction-to-processing/
Freitag, 11. Februar 2011
LOTS OF LIBRARIES ...
toxiclibs.org
http://www.sojamo.de/libraries/controlP5/#installationhttp://www.sojamo.de/libraries/controlP5/#installation
Freitag, 11. Februar 2011
... FOR NEARLY EVERYTHING!
toxiclibs.orgFreitag, 11. Februar 2011
WHAT CAN WE DO WITH IT?
Art from code into reality.Freitag, 11. Februar 2011
WHAT CAN WE DO WITH IT?
Art from code into reality.Freitag, 11. Februar 2011
WHAT CAN WE DO WITH IT?
Art from code into reality.Freitag, 11. Februar 2011
WHAT CAN WE DO WITH IT?Data-Visualisation: complex stuff can be cool
christopherbaker.net/projects/mymap/Freitag, 11. Februar 2011
WHAT CAN WE DO WITH IT?
onformative.comFreitag, 11. Februar 2011
DESIGN & DELIVER:MacOS, Windows, Java, iOS, Android ...
Freitag, 11. Februar 2011
DESIGN & DELIVER:... and in every HTML5-Browser !!!!!!!
luckybite.com/iprocessing & WeFeelFine.orgFreitag, 11. Februar 2011
THANK YOU ! ! !
presentation slides & more information available at: www.Drupal-Rocks.com/processing
Freitag, 11. Februar 2011
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
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
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
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