Emerging Realities 1

2025-07-31T21:55:27Z

Ladybug:

[[Category:Emerging Realities]]
[[Category:Year 1 Semester 2]]
[[Category:I/M/D Course]]

Creative Coding

2025-07-31T21:54:57Z

Ladybug:

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.

<u>No previous knowledge of coding is required</u>

== Links & Tools ==
Excalidraw

P5js Editor

I/M/D Pages & CodeDot

Booking Form

= 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
<br/><br/>

<h4>Class #02</h4>
<span style="color:blue">'''Tutorial'''</span>: Scripting interaction in P5js <br/><span style="color:green">'''Assignment'''</span>: Interactive poem
<br/><br/>

<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
<br/><br/>

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

<h4>Class #05</h4>
<span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS <br /><span style="color:green">'''Exercise'''</span>: Make a bad UI form
<br/><br/>

<h4>Class #06</h4>
<span style="color:red">'''Lecture'''</span>: Internet art <br/><span style="color:blue">'''Tutorial'''</span>: Hypertext design in HTML/CSS <br/><span style="color:green">'''Exercise'''</span>: browser-based story
<br/><br/>

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

<h4>Class #08</h4>
<span style="color:blue">'''Tutorial'''</span>: Audiovisual programming in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Illuminated Interventions
<br/><br/>

<h4>Class #09</h4>
<span style="color:blue">'''Tutorial'''</span>: Computer vision in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Digital Theremin
<br/><br/>

<h4>Class #10</h4>
Guest Lecture with Pawel
<br/><br/>

<h4>Class #11</h4>
<span style="color:red">'''Lecture'''</span>: permacomputing <br/><span style="color:blue">'''Tutorial'''</span>: transformers in Python <br/><span style="color:green">'''Assignment'''</span>: train your own language model
<br/><br/>

<h4>Class #12</h4>
Site visit at V2_Lab and -1 digital lab

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

[[Category:Year 1 Semester 1]]
[[Category:Creative Technologies]]

Creative Coding

2025-07-31T21:54:27Z

Ladybug: /* Classes */

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.

<u>No previous knowledge of coding is required</u>

== Links & Tools ==
Excalidraw

P5js Editor

I/M/D Pages & CodeDot

Booking Form

= 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
<br/><br/>

<h4>Class #02</h4>
<span style="color:blue">'''Tutorial'''</span>: Scripting interaction in P5js <br/><span style="color:green">'''Assignment'''</span>: Interactive poem
<br/><br/>

<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
<br/><br/>

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

<h4>Class #05</h4>
<span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS <br /><span style="color:green">'''Exercise'''</span>: Make a bad UI form
<br/><br/>

<h4>Class #06</h4>
<span style="color:red">'''Lecture'''</span>: Internet art <br/><span style="color:blue">'''Tutorial'''</span>: Hypertext design in HTML/CSS <br/><span style="color:green">'''Exercise'''</span>: browser-based story
<br/><br/>

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

<h4>Class #08</h4>
<span style="color:blue">'''Tutorial'''</span>: Audiovisual programming in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Illuminated Interventions
<br/><br/>

<h4>Class #09</h4>
<span style="color:blue">'''Tutorial'''</span>: Computer vision in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Digital Theremin
<br/><br/>

<h4>Class #10</h4>
Guest Lecture with Pawel
<br/><br/>

<h4>Class #11</h4>
<span style="color:red">'''Lecture'''</span>: permacomputing <br/><span style="color:blue">'''Tutorial'''</span>: transformers in Python <br/><span style="color:green">'''Assignment'''</span>: train your own language model
<br/><br/>

<h4>Class #12</h4>
Site visit at V2_Lab and -1 digital lab

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

[[index.php?title=Category:Year 1 Semester 1]]
[[index.php?title=Category:Creative Technologies]]

2025-07-28T15:20:04Z

Ladybug:

MediaWiki:Common.css

2025-07-28T15:18:26Z

Ladybug:

MediaWiki:Common.css

2025-07-28T15:17:24Z

Ladybug:

Creative Coding

2025-07-28T15:11:53Z

Ladybug: Undo imported revision 222 by user imported>Unknown user

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.

<u>No previous knowledge of coding is required</u>

== Links & Tools ==
Excalidraw

P5js Editor

I/M/D Pages & CodeDot

Booking Form

= Classes =

<big>'''Class #01'''</big><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:green">'''Assignment'''</span>: Dynamic portrait
<br/><br/>

<big>'''Class #02'''</big><br/>
<span style="color:blue">'''Tutorial'''</span>: Scripting interaction in P5js <br/><span style="color:green">'''Assignment'''</span>: Interactive poem
<br/><br/>

<big>'''Class #03'''</big><br/>
<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
<br/><br/>

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

<big>'''Class #05'''</big><br/>
<span style="color:blue">'''Tutorial'''</span>: Forms, buttons, menus in HTML/CSS <br /><span style="color:green">'''Exercise'''</span>: Make a bad UI form
<br/><br/>

<big>'''Class #06'''</big><br/>
<span style="color:red">'''Lecture'''</span>: Internet art <br/><span style="color:blue">'''Tutorial'''</span>: Hypertext design in HTML/CSS <br/><span style="color:green">'''Exercise'''</span>: browser-based story
<br/><br/>

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

<big>'''Class #08'''</big><br/>
<span style="color:blue">'''Tutorial'''</span>: Audiovisual programming in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Illuminated Interventions
<br/><br/>

<big>'''Class #09'''</big><br/>
<span style="color:blue">'''Tutorial'''</span>: Computer vision in TouchDesigner <br/><span style="color:green">'''Exercise'''</span>: Digital Theremin
<br/><br/>

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

<big>'''Class #11'''</big><br/>
<span style="color:red">'''Lecture'''</span>: permacomputing <br/><span style="color:blue">'''Tutorial'''</span>: transformers in Python <br/><span style="color:green">'''Assignment'''</span>: train your own language model
<br/><br/>

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

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

[[Category:Year 1 Semester 1]]
[[Category:Creative Technologies]]

Main Page

2025-07-28T14:41:00Z

Ladybug:

== I/M/D Courses ==

{| class="wikitable" style="width:100%; border-collapse:collapse; text-align:left;"
|-
! style="width:16%; padding:0.5em; background:#f0f0f0;" | Year 1
! style="width:16%; padding:0.5em; background:#f0f0f0;" | Year 2
! style="width:16%; padding:0.5em; background:#f0f0f0;" | Year 3
! style="width:16%; padding:0.5em; background:#f0f0f0;" | Year 4
|-
! style="padding:0.5em; background:#e0e0e0;" | Sem 1
| {{#dpl:
| category = I/M/D Course
| subcat = Year 1 Semester 1
| namespace = 0
| format = * [[%PAGE%]]
}}
| {{#dpl:
| category = I/M/D Course
| subcat = Year 2 Semester 1
| namespace = 0
| format = * [[%PAGE%]]
}}
| {{#dpl:
| category = I/M/D Course
| subcat = Year 3 Semester 1
| namespace = 0
| format = * [[%PAGE%]]
}}
| {{#dpl:
| category = I/M/D Course
| subcat = Year 4 Semester 1
| namespace = 0
| format = * [[%PAGE%]]
}}
|-
! style="padding:0.5em; background:#e0e0e0;" | Sem 2
| {{#dpl:
| category = I/M/D Course
| subcat = Year 1 Semester 2
| namespace = 0
| format = * [[%PAGE%]]
}}
| {{#dpl:
| category = I/M/D Course
| subcat = Year 2 Semester 2
| namespace = 0
| format = * [[%PAGE%]]
}}
| {{#dpl:
| category = I/M/D Course
| subcat = Year 3 Semester 2
| namespace = 0
| format = * [[%PAGE%]]
}}
| {{#dpl:
| category = I/M/D Course
| subcat = Year 4 Semester 2
| namespace = 0
| format = * [[%PAGE%]]
}}
|}