PROCESSING programming 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.org Freitag, 11. Februar 2011
HOW MANY ARE USING IT? Important is not the number but the trend! Number of Processing users, every 4 weeks:
processing.org Freitag, 11. Februar 2011
HOW DOES IT LOOK LIKE? The boring world of code:
void setup() { size(400, 600); smooth(); } void draw() { if (mousePressed) { fill(0); } else { fill(255); } ellipse(mouseX, mouseY,80,80); }
processing.org/learning/gettingstarted/ Freitag, 11. Februar 2011
HOW DOES IT LOOK LIKE? The boring world of code:
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); }
processing.org/learning/gettingstarted/ Freitag, 11. Februar 2011
HOW DOES IT LOOK LIKE? ... 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); }
processing.org/learning/gettingstarted/ Freitag, 11. Februar 2011
FIRST STEPS Explore 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 ... sketchpad.cc
formandcode.com processing.org hascanvas.com openprocessing.org
ethasketch.com
... and play with sketches of others. Freitag, 11. Februar 2011
WHAT CAN WE DO WITH IT?
Eye-Candy - Art - Visuals - Objects - Interaction Freitag, 11. Februar 2011
EXTEND THE POSSIBILITIES
http://www
A GUI for non-programmers: sojamo.de/libraries/controlP5/ 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 ...
http://www
toxiclibs.org Freitag, 11. Februar 2011
... FOR NEARLY EVERYTHING!
toxiclibs.org 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?
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.com Freitag, 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.org Freitag, 11. Februar 2011
THANK YOU !!!
presentation slides & more information available at:
www.Drupal-Rocks.com/processing Freitag, 11. Februar 2011
Useful weblinks: 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-meetlive-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 Collection http://www.decordova.org/art/exhibition/drawing-code-works-anne-and-michael-spaltercollection http://www.generatorx.no/
presentation slides & more information available at:
www.Drupal-Rocks.com/processing Freitag, 11. Februar 2011
Useful weblinks: 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.html http://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
presentation slides & more information available at:
www.Drupal-Rocks.com/processing Freitag, 11. Februar 2011
Useful weblinks: 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/
presentation slides & more information available at:
www.Drupal-Rocks.com/processing Freitag, 11. Februar 2011
Useful weblinks: 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/
presentation slides & more information available at:
www.Drupal-Rocks.com/processing Freitag, 11. Februar 2011