Creative Coding Workshop - Introduction

13

Transcript of Creative Coding Workshop - Introduction

Page 1: Creative Coding Workshop - Introduction
Page 2: Creative Coding Workshop - Introduction

● What is Creative Coding?

● Projects

● This Workshop

● Let's code

Page 3: Creative Coding Workshop - Introduction

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

- Pablo Picasso

Page 4: Creative Coding Workshop - Introduction
Page 5: Creative Coding Workshop - Introduction

The Myth

Algorithims leave no room for imagination

Page 6: Creative Coding Workshop - Introduction
Page 7: Creative Coding Workshop - Introduction

"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
Page 9: Creative Coding Workshop - Introduction

Possibilities

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

– Offline

– Online

Page 10: Creative Coding Workshop - Introduction

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

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

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