Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Creative Coding: Difference between revisions

From I/M/D Wiki
Line 16: Line 16:
= Classes =
= Classes =


'''Class #01'''<br/>
==== Class #01 ====
'''Lecture''': Intro to Creative Coding <br/>'''Tutorial''': Scripting animation in P5js <br/>'''Assignment''': Dynamic portrait
'''Lecture''': Intro to Creative Coding <br/>'''Tutorial''': Scripting animation in P5js <br/>'''Assignment''': Dynamic portrait
<hr>
<hr>
'''Class #02''' <br/>
 
==== Class #02 ====
'''Tutorial''': Scripting interaction in P5js <br/>'''Assignment''': Interactive poem
'''Tutorial''': Scripting interaction in P5js <br/>'''Assignment''': Interactive poem


'''Class #03''' <br/> '''Lecture''': Conditional Design <br/>'''Tutorial''': Conditional statements and loops <br/>'''Assignment''': One-button game
==== Class #03 ====
'''Lecture''': Conditional Design <br/>'''Tutorial''': Conditional statements and loops <br/>'''Assignment''': One-button game


'''Class #04''' <br/>
==== Class #04 ====
Group & individual check-in
Group & individual check-in


'''Class #05''' <br/>
==== Class #05 ====
'''Tutorial''': Forms, buttons, menus in HTML/CSS <br/>'''Exercise''': Make a bad UI form
'''Tutorial''': Forms, buttons, menus in HTML/CSS <br/>'''Exercise''': Make a bad UI form


'''Class #06''' <br/>
==== Class #06 ====
'''Lecture''': Internet art <br/>'''Tutorial''': Hypertext design in HTML/CSS <br/>'''Exercise''': browser-based story
'''Lecture''': Internet art <br/>'''Tutorial''': Hypertext design in HTML/CSS <br/>'''Exercise''': browser-based story


'''Class #07'''<br/>
==== Class #07 ====
Group & individual check-in
Group & individual check-in


'''Class #08'''<br/>
==== Class #08 ====
'''Tutorial''': Audiovisual programming in TouchDesigner <br/>'''Exercise''': Illuminated Interventions
'''Tutorial''': Audiovisual programming in TouchDesigner <br/>'''Exercise''': Illuminated Interventions


'''Class #09''' <br/>
==== Class #09 ====
'''Tutorial''': Computer vision in TouchDesigner <br/>'''Exercise''': Digital Theremin
'''Tutorial''': Computer vision in TouchDesigner <br/>'''Exercise''': Digital Theremin


'''Class #10''' <br/>
==== Class #10 ====
Guest Lecture with Pawel
Guest Lecture with Pawel


'''Class #11''' <br/>
==== Class #11 ====
'''Lecture''': permacomputing <br/>'''Tutorial''': transformers in Python <br/>'''Assignment''': train your own language model
'''Lecture''': permacomputing <br/>'''Tutorial''': transformers in Python <br/>'''Assignment''': train your own language model


'''Class #12''' <br/>
==== Class #12 ====
Site visit at V2_Lab and -1 digital lab
Site visit at V2_Lab and -1 digital lab


== Lecturer ==
== Lecturer ==
Leo Scarin | l.scarin@kabk.nl
Leo Scarin | l.scarin@kabk.nl

Revision as of 18:50, 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

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