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.

Creative Coding Workshop - Introduction

641 views

Published on

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

Published in: Design
  • Be the first to comment

  • Be the first to like this

Creative Coding Workshop - Introduction

  1. 1. ● What is Creative Coding? ● Projects ● This Workshop ● Let's code
  2. 2. “Computers are useless. They can only give you answers.” - Pablo Picasso
  3. 3. The Myth Algorithims leave no room for imagination
  4. 4. "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
  5. 5. Possibilities ● Data Visualization ● Computational Art ● AudioVisual installation ● Interactive envirnoments – Offline – Online
  6. 6. 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/
  7. 7. 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
  8. 8. 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
  9. 9. 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/

×