Creative Coding Workshop - Introduction

● What is Creative Coding?

● Projects

● This Workshop

● Let's code

“Computers are useless. They can only give you answers.”

- Pablo Picasso

The Myth

Algorithims leave no room for imagination

"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

Possibilities

● Data Visualization● Computational Art● AudioVisual installation● Interactive envirnoments

– Offline

– Online

Projects-GIFs

● Beesandbombs

http://beesandbombs.tumblr.com/post/103576476044/spiral-sphere

-Generative● Process Compendium

http://vimeo.com/22955812

-Projection Mapping● Pomplamoose

https://www.youtube.com/watch?v=i7X8ZnmLfM0

● Line Segments Spacehttp://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/

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

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

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/