2011.02.11 ignite talk processing programming for visual creatives

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);

}


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);

}


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);

}


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


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


BUT THIS IS JUST THE BEGINNING

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


LOTS OF LIBRARIES ...

toxiclibs.org

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


... FOR NEARLY EVERYTHING!

toxiclibs.orgFreitag, 11. Februar 2011


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


onformative.comFreitag, 11. Februar 2011

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


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



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:


Useful webl inks:


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


Useful webl inks:


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/


Useful webl inks:


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/


2011.02.11 ignite talk processing programming for visual creatives

Design

Transcript of 2011.02.11 ignite talk processing programming for visual creatives