Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Intro to Creative Coding

1,540 views

Published on

This is an introduction to what creative coding is, and a review of projects in which artists use code as a medium.

More info about the workshop at
http://faltastico.tumblr.com/post/97959317872/last-week-i-did-a-two-day-creative-coding

Published in: Art & Photos
  • Be the first to comment

Intro to Creative Coding

  1. 1. Creative Coding - البمججة البدداعية Youssef Faltas ASCII, 2014
  2. 2. Outline ● What is Creative Coding? ● Projects ● Let's code
  3. 3. The Myth ● Logic + Algorithims + Procedure = Code = Mechanical ● Fantasy + Imagination + Impulse = Creativity = Art Therefore Code can not be Creative
  4. 4. “Computers are useless. They can only give you answers.” - Pablo Picasso
  5. 5. "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
  6. 6. How then? ● Code is more than a tool ● Code is mathematical --> Beauty, Complexity ● Code can be surprising --> Emergence ● Code can be interactive --> Playfulness ● Code can be Creative
  7. 7. Creative Coding + Sensors = Creative Technology
  8. 8. Possibilities ● Data Visualization ● Generative Art ● AudioVisual installation ● Projection Mapping ● Interactive envirnoments
  9. 9. Projects -Data Visualization ● Wind Map http://hint.fm/wind/ ● Flight Patterns http://www.aaronkoblin.com/work/flightpatter ns/ ● silenc http://vimeo.com/39114742 ● Cinematrics http://cinemetrics.fredericbrodbeck.de/ ● City Symphonies http://markmckeague.com/work/city-symphoni es/ -Projection Mapping ● Pomplamoose https://www.youtube.com/watch?v=i7X8ZnmL fM0 ● Omote http://vimeo.com/103425574 ● Line Segments Space http://vimeo.com/90047240 -Generative ● Process Compendium http://vimeo.com/22955812 -AudioVisual Installations ● Communion http://www.field.io/project/communion/ -Interactive Envirnoments ● The Rain Room http://vimeo.com/51830893 ● My Little Piece of Privacy http://www.niklasroy.com/project/88/my-little-piece-of -privacy ● Sniff http://www.gravitytrap.com/artwork/sniff ● Hipster Phone http://www.medrar.org/OLE/?p=494 Interesting links ● http://www.creativeapplications.net/ ● http://thecreatorsproject.vice.com/ ● Hello World! Processing http://vimeo.com/60735314
  10. 10. 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
  11. 11. P5Cairo بروسيسنج القاهرة هو تجمع مفتوح لمستخدمي البرمجة في القاهرة لنتاج مخرجات .ابداعية وتبادل النصائح والموارد وتقنيات البرمجة في اجتماعات شهرية نسعي إلي تحفيز مختلف التجاهات البداعية من خلل تكامل اهتماماتنا في التصميم .والفنون والعمارة والصوت و الويب و التكنولوجيا واللعاب والفيديو والرؤية الحاسوبية في ذلك نستخدم أدوات مختلفة مثل Processing. Puredata. OpenFrameworks. Quartz Composer. Python. Kinect. Arduino. at https://www.facebook.com/processingCairo

×