Workshop at Medrar for Contemporary Arts http://faltastic.github.io/ccWorkshop/

2. ●
What is Creative Coding?
●
Projects
●
This Workshop
●
Let's code

3. “Computers are useless. They can only give you answers.”
- Pablo Picasso

5. The Myth
Algorithims leave no room for imagination

7. "For a mathematician, he didn't have enough imagination. But he's
become a poet and now he's fine."
- Hilbert on an ex-student

9. Possibilities
●
Data Visualization
●
Computational Art
●
AudioVisual installation
●
Interactive envirnoments
– Offline
– Online

10. Projects
-GIFs
●
Beesandbombs
http://beesandbombs.tumblr.com/po
st/103576476044/spiral-sphere
-Generative
●
Process Compendium
http://vimeo.com/22955812
-Projection Mapping
●
Pomplamoose
https://www.youtube.com/watch?v=
i7X8ZnmLfM0
●
Line Segments Space
http://vimeo.com/90047240
-Interactive Envirnoments
●
My Little Piece of Privacy
http://www.niklasroy.com/project/88/my-
little-piece-of-privacy
●
Hipster Phone
http://www.medrar.org/OLE/?p=494
●
Deep Sadness
http://www.deepsadness.com/
●
Clouds http://cloudsdocumentary.com/
●
OmmExperience
http://ommexperience.com/

11. P5
“Processing seeks to ruin the careers of talented designers by tempting
them away from their usual tools and into the world of programming
and computation. Similarly, the project is designed to turn engineers and
computer scientists to less gainful employment as artists and designers.”
‫أدوات‬ ‫عن‬ ‫بالبعد‬ ‫اغرائهم‬ ‫خلل‬ ‫من‬ ‫الموهوبين‬ ‫المصممين‬ ‫مهن‬ ‫تخريب‬ ‫إلى‬ ‫يسعى‬ ‫البرنامج‬ ‫هذا‬
.‫المهندسين‬ ‫مسار‬ ‫لتغيير‬ ‫المشروع‬ ‫صمم‬ ‫قد‬ ،‫وبالمثل‬ ‫والحوسبة‬ ‫البرمجة‬ ‫عالم‬ ‫وإلى‬ ‫المعتادة‬ ‫التصميم‬
‫ومصممين‬ ‫كفنانين‬ ‫أقل‬ ‫بأجر‬ ‫للعمل‬ ‫الكمبيوتر‬ ‫.وعلماء‬
- http://www.processing.org

12. The Workshop
●
Intro + P5 basics
●
Programming + more P5
●
Web basics (html, css, js)
●
p5.js
●
Visuals: pixels, glitch, projection mapping, particles, 3D
●
Audio + Data: visualization, sonification

13. Links
●
http://www.creativeapplications.net/
●
http://thecreatorsproject.vice.com/
●
http://codedoodl.es/
●
Hello World! Processing http://vimeo.com/60735314
●
http://openprocessing.org/
●
http://p5js.org/gallery/