2011.02.11 ignite talk processing programming for visual creatives
DESCRIPTION
My presentation for the GLOBAL IGNITE NIGHT Nürnberg 10.02.2011 about PROCESSING. Programming for visual creatives. (Low Quality PDF)TRANSCRIPT
![Page 1: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/1.jpg)
PROCESSINGprogramming for visual creatives
presented by Marcus “mori” Morba
GLOBAL IGNITE WEEK 2011 - Nürnberg/Germany
Freitag, 11. Februar 2011
![Page 2: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/2.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/3.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/4.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/5.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/6.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/7.jpg)
FIRST STEPSExplore and play with the given examples:
Processing comes up with a lot examples!!!Freitag, 11. Februar 2011
![Page 8: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/8.jpg)
FIRST STEPS
... and explore the world of processing.Freitag, 11. Februar 2011
![Page 9: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/9.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/10.jpg)
WHAT CAN WE DO WITH IT?
Eye-Candy - Art - Visuals - Objects - InteractionFreitag, 11. Februar 2011
![Page 11: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/11.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/12.jpg)
BUT THIS IS JUST THE BEGINNING
answers.oreilly.com/topic/1671-a-gentle-introduction-to-processing/
Freitag, 11. Februar 2011
![Page 13: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/13.jpg)
LOTS OF LIBRARIES ...
toxiclibs.org
http://www.sojamo.de/libraries/controlP5/#installationhttp://www.sojamo.de/libraries/controlP5/#installation
Freitag, 11. Februar 2011
![Page 14: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/14.jpg)
... FOR NEARLY EVERYTHING!
toxiclibs.orgFreitag, 11. Februar 2011
![Page 15: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/15.jpg)
WHAT CAN WE DO WITH IT?
Art from code into reality.Freitag, 11. Februar 2011
![Page 16: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/16.jpg)
WHAT CAN WE DO WITH IT?
Art from code into reality.Freitag, 11. Februar 2011
![Page 17: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/17.jpg)
WHAT CAN WE DO WITH IT?
Art from code into reality.Freitag, 11. Februar 2011
![Page 18: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/18.jpg)
WHAT CAN WE DO WITH IT?Data-Visualisation: complex stuff can be cool
christopherbaker.net/projects/mymap/Freitag, 11. Februar 2011
![Page 19: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/19.jpg)
WHAT CAN WE DO WITH IT?
onformative.comFreitag, 11. Februar 2011
![Page 20: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/20.jpg)
DESIGN & DELIVER:MacOS, Windows, Java, iOS, Android ...
Freitag, 11. Februar 2011
![Page 21: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/21.jpg)
DESIGN & DELIVER:... and in every HTML5-Browser !!!!!!!
luckybite.com/iprocessing & WeFeelFine.orgFreitag, 11. Februar 2011
![Page 22: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/22.jpg)
THANK YOU ! ! !
presentation slides & more information available at: www.Drupal-Rocks.com/processing
Freitag, 11. Februar 2011
![Page 23: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/23.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/24.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/25.jpg)
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: 2011.02.11 ignite talk processing programming for visual creatives](https://reader033.vdocuments.net/reader033/viewer/2022052823/5555c7d8d8b42a711f8b45e6/html5/thumbnails/26.jpg)
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