Creative Coding: Difference between revisions
More actions
Added links and tools |
|||
| Line 3: | Line 3: | ||
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. | 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>No previous knowledge of coding is required</u> | ||
== Links and Tools == | |||
Excalidraw | |||
P5js Editor | |||
IMD pages | |||
Booking Form | |||
= Classes = | = Classes = | ||
=== Class #01 === | === Class #01 === | ||
Lecture: Intro to Creative Coding <br/> Tutorial: Scripting animation in P5js <br/> | '''Lecture''': Intro to Creative Coding <br/>'''Tutorial''': Scripting animation in P5js <br/>'''Assignment''': Dynamic portrait | ||
Assignment: Dynamic portrait | |||
=== Class #02 === | === Class #02 === | ||
Tutorial: Scripting interaction in P5js <br/> | '''Tutorial''': Scripting interaction in P5js <br/>'''Assignment''': Interactive poem | ||
Assignment: Interactive poem | |||
=== Class #03 === | === Class #03 === | ||
Lecture: Conditional Design <br/> | '''Lecture''': Conditional Design <br/>'''Tutorial''': Conditional statements and loops <br/>'''Assignment''': One-button game | ||
Tutorial: Conditional statements and loops <br/> | |||
Assignment: One-button game | |||
=== Class #04 === | === Class #04 === | ||
| Line 24: | Line 29: | ||
=== Class #05 === | === Class #05 === | ||
Tutorial: Forms, buttons, menus in HTML/CSS <br/> | '''Tutorial''': Forms, buttons, menus in HTML/CSS <br/>'''Exercise''': Make a bad UI form | ||
Exercise: Make a bad UI form | |||
=== Class #06 === | === Class #06 === | ||
Lecture: Internet art <br/> | '''Lecture''': Internet art <br/>'''Tutorial''': Hypertext design in HTML/CSS <br/>'''Exercise''': browser-based story | ||
Tutorial: Hypertext design in HTML/CSS <br/> | |||
Exercise: browser-based story | |||
=== Class #07 === | === Class #07 === | ||
| Line 36: | Line 38: | ||
=== Class #08 === | === Class #08 === | ||
Tutorial: Audiovisual programming in TouchDesigner <br/> | '''Tutorial''': Audiovisual programming in TouchDesigner <br/>'''Exercise''': Illuminated Interventions | ||
Exercise: Illuminated Interventions | |||
=== Class #09 === | === Class #09 === | ||
Tutorial: Computer vision in TouchDesigner <br/> | '''Tutorial''': Computer vision in TouchDesigner <br/>'''Exercise''': Digital Theremin | ||
Exercise: Digital Theremin | |||
=== Class #10 === | === Class #10 === | ||
| Line 47: | Line 47: | ||
=== Class #11 === | === Class #11 === | ||
Lecture: permacomputing <br/> | '''Lecture''': permacomputing <br/>'''Tutorial''': transformers in Python <br/>'''Assignment''': train your own language model | ||
Tutorial: transformers in Python <br/> | |||
Assignment: train your own language model | |||
=== Class #12 === | === Class #12 === | ||
Site visit at V2_Lab and -1 digital lab | Site visit at V2_Lab and -1 digital lab | ||
== Lecturer == | |||
Leo Scarin | l.scarin@kabk.nl | |||
Revision as of 18:36, 19 July 2025
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.
No previous knowledge of coding is required
Links and Tools
Excalidraw
P5js Editor
IMD pages
Booking Form
Classes
Class #01
Lecture: Intro to Creative Coding
Tutorial: Scripting animation in P5js
Assignment: Dynamic portrait
Class #02
Tutorial: Scripting interaction in P5js
Assignment: Interactive poem
Class #03
Lecture: Conditional Design
Tutorial: Conditional statements and loops
Assignment: One-button game
Class #04
Group & individual check-in
Class #05
Tutorial: Forms, buttons, menus in HTML/CSS
Exercise: Make a bad UI form
Class #06
Lecture: Internet art
Tutorial: Hypertext design in HTML/CSS
Exercise: browser-based story
Class #07
Group & individual check-in
Class #08
Tutorial: Audiovisual programming in TouchDesigner
Exercise: Illuminated Interventions
Class #09
Tutorial: Computer vision in TouchDesigner
Exercise: Digital Theremin
Class #10
Guest Lecture with Pawel
Class #11
Lecture: permacomputing
Tutorial: transformers in Python
Assignment: train your own language model
Class #12
Site visit at V2_Lab and -1 digital lab
Lecturer
Leo Scarin | l.scarin@kabk.nl