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-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 Collection
http://www.decordova.org/art/exhibition/drawing-code-works-anne-and-michael-spalter-
collection

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