Creative Coding: Difference between revisions
More actions
No edit summary |
No edit summary |
||
| (15 intermediate revisions by the same user 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> | ||
< | |||
[[File:Cat.png|thumb]] | |||
== Links & Tools == | == Links & Tools == | ||
| Line 17: | Line 16: | ||
[https://docs.google.com/spreadsheets/d/1GUcWZ3QT_z2DlxUpW_ojUZJqbVOlMhlbVcRq4gmCtr4/edit?usp=sharing Booking Form] | [https://docs.google.com/spreadsheets/d/1GUcWZ3QT_z2DlxUpW_ojUZJqbVOlMhlbVcRq4gmCtr4/edit?usp=sharing Booking Form] | ||
[https://wdka.codeberg.page/manifesting-interaction/ 🖐️ Leo's handmade TouchDesigner snippets] | |||
[https://codeberg.org/imd/python 🐍 Leo's handmade Python codes] | |||
[[/Trajectory|🗺️ Trajectory]] | |||
= Classes = | = Classes = | ||
<h4>Class #01</h4> | <h4>Class #01</h4> | ||
<span style="color:red">'''Lecture'''</span>: Intro to Creative Coding <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:blue">'''Tutorial'''</span>: Scripting animation in P5js <br /> | ||
<span style="color:green">'''Assignment'''</span>: [[/Dynamic portrait|Dynamic Portrait]] | <span style="color:green">'''Assignment'''</span>: [[/Dynamic portrait|Dynamic Portrait]] | ||
<br/> | <br/> | ||
<h4>Class #02</h4> | <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]] | <span style="color:blue">'''Tutorial'''</span>: Scripting interaction in P5js <br /><span style="color:green">'''Assignment'''</span>: [[/Interactive poem|Interactive Poem]] | ||
<br/> | <br/> | ||
<h4>Class #03</h4> | <h4>Class #03</h4> | ||
<span style="color:red">'''Lecture'''</span>: Conditional Design <br/><span style="color:blue">'''Tutorial'''</span>: | <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]] | ||
<br/> | <br/> | ||
| Line 38: | Line 43: | ||
<h4>Class #05</h4> | <h4>Class #05</h4> | ||
<span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS | <span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS <br/> | ||
<br/> | |||
<h4>Class #06</h4> | <h4>Class #06</h4> | ||
<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/> | <br/> | ||
| Line 54: | Line 58: | ||
<h4>Class #09</h4> | <h4>Class #09</h4> | ||
<span style="color:blue">'''Tutorial'''</span>: Computer vision in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: [[/Digital Theremin|Digital Theremin]] | <span style="color:blue">'''Tutorial'''</span>: [[/Computer Vision in TouchDesigner|Computer vision in TouchDesigner]] <br/><span style="color:green">'''Exercise'''</span>: [[/Digital Theremin|Digital Theremin]] | ||
<br/> | <br/> | ||
| Line 62: | Line 66: | ||
<h4>Class #11</h4> | <h4>Class #11</h4> | ||
<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">''' | <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">'''Exercise'''</span>: [[Creative Coding/Experimental Chatbot|Experimental Chatbot]] | ||
<br/> | <br/> | ||
| Line 73: | Line 77: | ||
<h4>Class #14</h4> | <h4>Class #14</h4> | ||
Site visit at [https://v2.nl V2_Lab | Site visit at [https://v2.nl V2_Lab] | ||
= Lecturer = | = Lecturer = | ||
Latest revision as of 16:09, 1 December 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
🖐️ Leo's handmade TouchDesigner snippets
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
Exercise: 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