10 - Webcam recepty

Pre dnešok zbierka receptov na trénovanie práce s webcam a prechádzaním pixelov.

Vyber si jeden z nasledujúcich receptov a sprav ho do konca týždňa. Výsledok nemusí byť 1:1 so zadaním a samozrejme - ak ťa napadne niečo iné v rámci témy - kým je zapojená webkamera - tak sa to ráta tiež

Užitočné linky pre dnešný seminár:

• video capture - https://p5js.org/examples/dom-video-capture.html

• pixel array - https://www.youtube.com/watch?v=nMUMZ5YRxHI

1. recept: flash light

• načítať obrázok -> https://p5js.org/reference/#/p5/loadImage

• upraviť jas podľa pixel location (prvý krok - pozícia myši)

• druhý krok - webcam - brightest point tracking (nájdi najjasnejší bod vo vstupe z webcam) a použi ho ako "baterku" na osvetlenie

  • pre inšpiráciu pozri https://www.youtube.com/watch?v=Joy4NQPIOxk

  • alebo môžeš použiť knižnicu https://trackingjs.com/ -> https://editor.p5js.org/benmoren/sketches/keInQabKa

• pri testovaní použi svetielko z mobilu / baterku

2. Scream booth

High Striker

Sprav variant pre "high striker" na hlasitosť kriku.

Pre začiatok si môžeš pomôcť s -> https://p5js.org/examples/sound-mic-input.html

Keď hlasitosť udrie cieľovú métu, ulož frame z webcam capture a zobraz ho. -> https://p5js.org/examples/dom-video-capture.html

3. Pointilism++

Skús aplikovať pointilism na vstup z webcam -> https://p5js.jp/examples/image-pointillism.html

Príklad pointillism

Nezastav sa. Teraz je čas, aby jednotlivé "points" trocha ožili. Zapoj bownian motion alebo skús aspoň zmenu tvarov (miesto ellipse -> triangle, stars, etc....)