> For the complete documentation index, see [llms.txt](https://vyuka.digitalneumenia.sk/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vyuka.digitalneumenia.sk/kp-3/kreativne-programovanie-3.md).

# Kreatívne programovanie 3

Kurz programovania v P5.js

Na Kreatívnom programovaní 3 sa budeme venovať programovaniu so zameraním na aplikáciu v umení a kreatívnom priemysle. V tento semester sa pokúsime ísť viac do šírky a ukázať si rôzne postupy a techniky pre vytváranie interkatívnych aplikácii v p5.js. Primárne sa budeme držať v prostredí webu. 

Časom sa ponoríme aj do webového ekosystému, v rámci ktorého sa p5.js funguje - HTML/CSS/JavaScript.

Mierny focus bude na rôzne možné rozhrania (interface-y). Za hranicou tých bežných každodenný.

Motivačný príklad:

**VJing pomocou EEG:**

{% embed url="<https://www.youtube.com/watch?v=geI2rFj-5k0>" %}
MindVJing. AutoriKristína Koronthály, Erik Šimšík, Igor Rjabinin
{% endembed %}

**VJing ovládaný maľbou:**

{% embed url="<https://player.vimeo.com/video/32716638>" %}
Lowii: Jonatán Pastirčák, Katka Sido, Igor Rjabinin
{% endembed %}

{% hint style="info" %}
Predmet je vyučovaný prezenčne:\
Pondelok, 09:00 – 11:30, učebňa D040
{% endhint %}

### Pravidlá pre absolvovanie kurzu

Základom je aktívna účasť na seminári.&#x20;

#### Absencie

Maximálne 3.&#x20;

#### Hodnotenie

Súčasťou semináru bude:

* každý si pripraví prezentáciu na jednej zo zadaných tém (oznámené budú na 2. hodine)
* záverečný projekt

### Web p5.js

{% embed url="<https://p5js.org/>" %}
webstránka projektu p5.js
{% endembed %}

### Ďaľšie kurzy

{% embed url="<https://thecodingtrain.com/tracks/code-programming-with-p5-js>" %}
The Coding Train
{% endembed %}

{% embed url="<https://happycoding.io/tutorials/p5js/>" %}
Happy Coding
{% endembed %}

### Odporúčané čítanie

{% embed url="<https://www.bloomberg.com/graphics/2015-paul-ford-what-is-code/>" %}
What is Code?
{% endembed %}

### Inšpirácia (whom to follow?)

{% embed url="<https://www.gorillasun.de>" %}
first dip into creative coding, generative art and computational design
{% endembed %}

{% embed url="<https://www.pattvira.com/newsletter>" %}
Patt Vira newsletter
{% endembed %}

{% embed url="<https://genart.karanmhatre.com/>" %}
daily sketch in p5.js
{% endembed %}

{% embed url="<https://www.jessicain.net/pagesdwc>" %}
Jessica In - non-coder (architect) writes sketches as a daily routine
{% endembed %}

{% embed url="<https://www.memo.tv/>" %}
Memo Akten - Computational artist exploring tensions between ecology, technology, science and spirituality (based in p5 as well)
{% endembed %}