Revision as of 21:51, 17 September 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 & Tools

Excalidraw Whiteboard

P5js Editor

I/M/D Pages & CodeDot

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: Conditionals and loops
Assignment: One-button Game

Class #04

Group & individual check-in (book your slot)

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 (book your slot)

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: Machine Learning and Data Degrowth
Tutorial: transformers in Python
Assignment: Experimental Chatbot

Class #12

Group & individual check-in (book your slot)

Class #13

Course Finals

Class #14

Site visit at V2_Lab and -1 Digital Lab

Lecturer

Leo Scarin | l.scarin@kabk.nl

@@ Line 27: / Line 27: @@
 <h4>Class #03</h4>
-<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|One-button Game]]
+<span style="color:red">'''Lecture'''</span>: Conditional Design <br/><span style="color:blue">'''Tutorial'''</span>: [[/Conditionals and loops|Conditionals and loops]] <br/><span style="color:green">'''Assignment'''</span>: [[/One-button game|One-button Game]]
 <br/>