SlideShare a Scribd company logo
1 of 13
Download to read offline
Creative Coding - البمججة البدداعية 
Youssef Faltas 
ASCII, 2014
Outline 
● What is Creative Coding? 
● Projects 
● Let's code
The Myth 
● Logic + Algorithims + Procedure 
= Code 
= Mechanical 
● Fantasy + Imagination + Impulse 
= Creativity 
= Art 
Therefore Code can not be Creative
“Computers are useless. They can only give you answers.” 
- Pablo Picasso
"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
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
Creative Coding 
+ 
Sensors 
= 
Creative Technology
Possibilities 
● Data Visualization 
● Generative Art 
● AudioVisual installation 
● Projection Mapping 
● Interactive envirnoments
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
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
P5Cairo 
بروسيسنج القاهرة هو تجمع مفتوح لمستخدمي البرمجة في القاهرة لنتاج مخرجات 
.ابداعية وتبادل النصائح والموارد وتقنيات البرمجة في اجتماعات شهرية 
نسعي إلي تحفيز مختلف التجاهات البداعية من خلل تكامل اهتماماتنا في التصميم 
.والفنون والعمارة والصوت و الويب و التكنولوجيا واللعاب والفيديو والرؤية الحاسوبية 
في ذلك نستخدم أدوات مختلفة مثل 
Processing. Puredata. OpenFrameworks. 
Quartz Composer. Python. Kinect. Arduino. 
at https://www.facebook.com/processingCairo

More Related Content

Viewers also liked

Creative coding academy
Creative coding academyCreative coding academy
Creative coding academyVivek Bhagwat
 
Prototipo3 - limulo at electropark 2013
Prototipo3 - limulo at electropark 2013Prototipo3 - limulo at electropark 2013
Prototipo3 - limulo at electropark 2013Limulo
 
Creative coding with d3.js
Creative coding with d3.jsCreative coding with d3.js
Creative coding with d3.jsFabian Dubois
 
Creative computing Session 3
Creative computing Session 3Creative computing Session 3
Creative computing Session 3kturvey
 
Digital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingDigital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingErik Arvedson
 
Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Eelco den Heijer
 
Kick off Creative Coding
Kick off Creative CodingKick off Creative Coding
Kick off Creative Codingorange_dot
 
Dev in the future live coding
Dev in the future   live codingDev in the future   live coding
Dev in the future live codingmatparisot
 
Creative coding in art education -Fads presentation
Creative coding in art education -Fads presentationCreative coding in art education -Fads presentation
Creative coding in art education -Fads presentationTomi Dufva
 
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim StuttsCreative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim StuttsFITC
 
Creative computing with Scratch
Creative computing with ScratchCreative computing with Scratch
Creative computing with ScratchJacekKupras
 
01 gx d - generative design et creative coding
01 gx d - generative design et creative coding01 gx d - generative design et creative coding
01 gx d - generative design et creative codingAlexandre Rivaux
 

Viewers also liked (15)

Creative coding academy
Creative coding academyCreative coding academy
Creative coding academy
 
Prototipo3 - limulo at electropark 2013
Prototipo3 - limulo at electropark 2013Prototipo3 - limulo at electropark 2013
Prototipo3 - limulo at electropark 2013
 
Hello vvvv
Hello vvvvHello vvvv
Hello vvvv
 
Creative coding with d3.js
Creative coding with d3.jsCreative coding with d3.js
Creative coding with d3.js
 
Creative computing Session 3
Creative computing Session 3Creative computing Session 3
Creative computing Session 3
 
Digital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingDigital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative Coding
 
Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++
 
Live coding
Live codingLive coding
Live coding
 
Kick off Creative Coding
Kick off Creative CodingKick off Creative Coding
Kick off Creative Coding
 
Dev in the future live coding
Dev in the future   live codingDev in the future   live coding
Dev in the future live coding
 
Creative coding in art education -Fads presentation
Creative coding in art education -Fads presentationCreative coding in art education -Fads presentation
Creative coding in art education -Fads presentation
 
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim StuttsCreative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
 
vvvv
vvvvvvvv
vvvv
 
Creative computing with Scratch
Creative computing with ScratchCreative computing with Scratch
Creative computing with Scratch
 
01 gx d - generative design et creative coding
01 gx d - generative design et creative coding01 gx d - generative design et creative coding
01 gx d - generative design et creative coding
 

Intro to Creative Coding

  • 1. Creative Coding - البمججة البدداعية Youssef Faltas ASCII, 2014
  • 2. Outline ● What is Creative Coding? ● Projects ● Let's code
  • 3.
  • 4. The Myth ● Logic + Algorithims + Procedure = Code = Mechanical ● Fantasy + Imagination + Impulse = Creativity = Art Therefore Code can not be Creative
  • 5. “Computers are useless. They can only give you answers.” - Pablo Picasso
  • 6. "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
  • 7.
  • 8. 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
  • 9. Creative Coding + Sensors = Creative Technology
  • 10. Possibilities ● Data Visualization ● Generative Art ● AudioVisual installation ● Projection Mapping ● Interactive envirnoments
  • 11. 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
  • 12. 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
  • 13. P5Cairo بروسيسنج القاهرة هو تجمع مفتوح لمستخدمي البرمجة في القاهرة لنتاج مخرجات .ابداعية وتبادل النصائح والموارد وتقنيات البرمجة في اجتماعات شهرية نسعي إلي تحفيز مختلف التجاهات البداعية من خلل تكامل اهتماماتنا في التصميم .والفنون والعمارة والصوت و الويب و التكنولوجيا واللعاب والفيديو والرؤية الحاسوبية في ذلك نستخدم أدوات مختلفة مثل Processing. Puredata. OpenFrameworks. Quartz Composer. Python. Kinect. Arduino. at https://www.facebook.com/processingCairo