Toggle search
Toggle menu
6
43
15
808
I/M/D Wiki
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
More actions
VisualWikitext
Created page with "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 collaborativ..."
 
Leo (talk | contribs)
124 edits
No edit summary
 
(51 intermediate revisions by 6 users not shown)
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>
<u>No previous knowledge of coding is required</u>
[[File:Cat.png|thumb]]
 
== Links & Tools ==
[https://wb.kabkimd.nl Excalidraw Whiteboard]
 
[https://editor.p5js.org P5js Editor]
 
[https://kabkimd.nl I/M/D Pages] & [https://code.kabkimd.nl CodeDot]
 
[https://docs.google.com/spreadsheets/d/1GUcWZ3QT_z2DlxUpW_ojUZJqbVOlMhlbVcRq4gmCtr4/edit?usp=sharing Booking Form]
 
[[/Trajectory| 🗺️ Trajectory]]


= Classes =
= Classes =
<h4>Class #01</h4>
<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|Dynamic Portrait]]
<br/>
<h4>Class #02</h4>
<span style="color:blue">'''Tutorial'''</span>:  Scripting interaction in P5js <br /><span style="color:green">'''Assignment'''</span>: [[/Interactive poem|Interactive Poem]]
<br/>


=== Class #01 ===
<h4>Class #03</h4>
Lecture: Intro to Creative Coding <br/> Tutorial: Scripting animation in P5js <br/>
<span style="color:red">'''Lecture'''</span>: Conditional Design <br/><span style="color:blue">'''Tutorial'''</span>: Conditionals and loops <br /><span style="color:green">'''Assignment'''</span>: [[/One-button game|One-button Game]]
Assignment: Dynamic portrait
<br/>


=== Class #02 ===
<h4>Class #04</h4>
Tutorial: Scripting interaction in P5js <br/>
Group & individual check-in ([https://docs.google.com/spreadsheets/d/1GUcWZ3QT_z2DlxUpW_ojUZJqbVOlMhlbVcRq4gmCtr4/edit?usp=sharing book your slot])
Assignment: Interactive poem
<br/>


=== Class #03 ===
<h4>Class #05</h4>
Lecture: Conditional Design <br/>
<span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS <br/>
Tutorial: Conditional statements and loops <br/>
Assignment: One-button game


=== Class #04 ===
<h4>Class #06</h4>
Group & individual check-in
<span style="color:blue">'''Tutorial'''</span>: Hypertext design in HTML/CSS <br/><span style="color:green">'''Assignment'''</span>: [[/Browser-based story|Browser-based story]]
<br/>


=== Class #05 ===
<h4>Class #07</h4>
Tutorial: Forms, buttons, menus in HTML/CSS <br/>
Group & individual check-in ([https://docs.google.com/spreadsheets/d/1GUcWZ3QT_z2DlxUpW_ojUZJqbVOlMhlbVcRq4gmCtr4/edit?usp=sharing book your slot])
Exercise: Make a bad UI form
<br/>


=== Class #06 ===
<h4>Class #08</h4>
Lecture: Internet art <br/>
<span style="color:blue">'''Tutorial'''</span>: Audiovisual programming in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: [[/Illuminated Interventions|Illuminated Interventions]]
Tutorial: Hypertext design in HTML/CSS
<br/>
Exercise: browser-based story


=== Class #07 ===
<h4>Class #09</h4>
Group & individual check-in
<span style="color:blue">'''Tutorial'''</span>: Computer vision in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: [[/Digital Theremin|Digital Theremin]]
<br/>


=== Class #08 ===
<h4>Class #10</h4>
Tutorial: Audiovisual programming in TouchDesigner <br/>
Guest Lecture with Pawel
Exercise: Illuminated Interventions
<br/>


=== Class #09 ===
<h4>Class #11</h4>
Tutorial: Computer vision in TouchDesigner
<span style="color:red">'''Lecture'''</span>: Machine Learning and Data Degrowth <br/><span style="color:blue">'''Tutorial'''</span>: transformers in Python <br/><span style="color:green">'''Assignment'''</span>: [[Creative Coding/Experimental Chatbot|Experimental Chatbot]]
Exercise: Digital Theremin
<br/>


=== Class #10 ===
<h4>Class #12</h4>
Guest Lecture with Pawel
Group & individual check-in ([https://docs.google.com/spreadsheets/d/1GUcWZ3QT_z2DlxUpW_ojUZJqbVOlMhlbVcRq4gmCtr4/edit?usp=sharing book your slot])
<br/>
 
<h4>Class #13</h4>
Course Finals
 
<h4>Class #14</h4>
Site visit at [https://v2.nl V2_Lab]


=== Class #11 ===
= Lecturer =
Lecture: permacomputing
Leo Scarin | l.scarin@kabk.nl
Tutorial: transformers in Python
Assignment: train your own language model


=== Class #12 ===
[[Category:Year 1]]
Site visit at V2_Lab and -1 digital lab
[[Category:Semester 1]]
[[Category:Creative Technologies]]
[[Category:2025/26]]

Latest revision as of 07:24, 21 October 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 Whiteboard

P5js Editor

I/M/D Pages & CodeDot

Booking Form

🗺️ Trajectory

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

Class #06

Tutorial: Hypertext design in HTML/CSS
Assignment: 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

Lecturer

Leo Scarin | l.scarin@kabk.nl

Retrieved from "https://wiki.kabkimd.nl/index.php?title=Creative_Coding&oldid=707"