|
|
| Line 1: |
Line 1: |
| In this course code becomes both the tool and the craft that supports your creative practice. When designing interactive media, code exists at various levels: as the engine of your work, as the material forming and informing your process, and/or as the critical subject of your research.
| |
|
| |
| This course introduces the different languages and practices of Creative Coding, with a method that is applied, creative, and critical. The classes are designed to encourage collaborative, open-ended, inclusive, and sustainable approaches to computing in art and design.
| |
|
| |
| <u>No previous knowledge of coding is required</u>
| |
|
| |
| == Links & Tools ==
| |
| Excalidraw
| |
|
| |
| P5js Editor
| |
|
| |
| I/M/D Pages & CodeDot
| |
|
| |
| Booking Form
| |
|
| |
| = Classes =
| |
|
| |
|
| |
| <big>'''Class #01'''</big><br/>
| |
| <span style="color:red">'''Lecture'''</span>: Intro to Creative Coding <br/>
| |
| <span style="color:blue">'''Tutorial'''</span>: Scripting animation in P5js <br/>
| |
| <span style="color:green">'''Assignment'''</span>: Dynamic portrait
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #02'''</big><br/>
| |
| <span style="color:blue">'''Tutorial'''</span>: Scripting interaction in P5js <br/><span style="color:green">'''Assignment'''</span>: Interactive poem
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #03'''</big><br/>
| |
| <span style="color:red">'''Lecture'''</span>: Conditional Design <br/><span style="color:blue">'''Tutorial'''</span>: Conditional statements and loops <br/><span style="color:green">'''Assignment'''</span>: One-button game
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #04'''</big><br/>
| |
| Group & individual check-in
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #05'''</big><br/>
| |
| <span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS <br /><span style="color:green">'''Exercise'''</span>: Make a bad UI form
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #06'''</big><br/>
| |
| <span style="color:red">'''Lecture'''</span>: Internet art <br/><span style="color:blue">'''Tutorial'''</span>: Hypertext design in HTML/CSS <br/><span style="color:green">'''Exercise'''</span>: browser-based story
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #07'''</big><br/>
| |
| Group & individual check-in
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #08'''</big><br/>
| |
| <span style="color:blue">'''Tutorial'''</span>: Audiovisual programming in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Illuminated Interventions
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #09'''</big><br/>
| |
| <span style="color:blue">'''Tutorial'''</span>: Computer vision in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Digital Theremin
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #10'''</big><br/>
| |
| Guest Lecture with Pawel
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #11'''</big><br/>
| |
| <span style="color:red">'''Lecture'''</span>: permacomputing <br/><span style="color:blue">'''Tutorial'''</span>: transformers in Python <br/><span style="color:green">'''Assignment'''</span>: train your own language model
| |
| <br/><br/>
| |
|
| |
| <big>'''Class #12'''</big><br/>
| |
| Site visit at V2_Lab and -1 digital lab
| |
|
| |
| = Lecturer =
| |
| Leo Scarin | l.scarin@kabk.nl
| |
|
| |
|
| | [[Category:Creative Technologies]] |
| [[Category:Year 1 Semester 1]] | | [[Category:Year 1 Semester 1]] |
| [[Category:Creative Technologies]] | | [[Category:I/M/D Course]] |
| | |
