creative coding workshop - introduction
TRANSCRIPT
![Page 1: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/1.jpg)
![Page 2: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/2.jpg)
● What is Creative Coding?
● Projects
● This Workshop
● Let's code
![Page 3: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/3.jpg)
“Computers are useless. They can only give you answers.”
- Pablo Picasso
![Page 4: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/4.jpg)
![Page 5: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/5.jpg)
The Myth
Algorithims leave no room for imagination
![Page 6: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/6.jpg)
![Page 7: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/7.jpg)
"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
![Page 8: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/8.jpg)
![Page 9: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/9.jpg)
Possibilities
● Data Visualization● Computational Art● AudioVisual installation● Interactive envirnoments
– Offline
– Online
![Page 10: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/10.jpg)
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/
![Page 11: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/11.jpg)
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
![Page 12: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/12.jpg)
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
![Page 13: Creative Coding Workshop - Introduction](https://reader031.vdocuments.mx/reader031/viewer/2022020119/58a972481a28ab0a0a8b4975/html5/thumbnails/13.jpg)
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/