Warsztat DI6. „Vibe coding dla twórców”: programowanie wspierane przez AI w projektach audiowizualnych
Chcesz tworzyć multimedialne aplikacje z pomocą sztucznej inteligencji? Dołącz do naszych warsztatów poświęconych vibe codingowi — nowemu podejściu do programowania, w którym pomysły zamieniasz w działający kod przy wsparciu AI.
Warsztat ma na celu pokazanie, jak wykorzystać programowanie wspierane przez modele językowe do stworzenia interaktywnej strony internetowej, która działa jednocześnie jako doświadczenie wizualne, narzędzie narracyjne i baza do tworzenia materiałów promocyjnych. Punktem wyjścia będzie projekt https://pamietnik.co/ : interaktywna wizualizacja inspirowana opowiadaniem Stanisława Lema.
Uczestnicy zobaczą, w jaki sposób LLM może stać się partnerem w projektowaniu i programowaniu: od pisania kodu, po testowanie efektu w przeglądarce. Szczególny nacisk zostanie położony na różnicę między klasycznym generowaniem wideo a budowaniem własnego systemu animacyjnego, który daje autorowi większą kontrolę nad tempem, kompozycją, parametrami ruchu, interakcją i późniejszym nagrywaniem materiałów.
Celem zajęć jest połączenie refleksji z praktyką. Każda osoba uczestnicząca zaprojektuje mały, własny prototyp interaktywnej strony lub animacji, który będzie można rozwijać jako narzędzie promocyjne, eksperyment narracyjny albo punkt wyjścia do dalszej pracy z AI i kodem.
Plan zajeć
1. Koncepcja: po co budować interaktywną animację zamiast generować film?
Wprowadzenie do projektu pamietnik.co i jego funkcji promocyjnej w kontekście aukcji charytatywnej.
Interaktywna strona jako narzędzie opowieści, promocji i produkcji krótkich nagrań do komunikacji w mediach społecznościowych.
Porównanie generatorów wideo z autorskim systemem animacyjnym: kontrola, powtarzalność, możliwość iteracji i dostosowania efektu.
2. Inspiracja i język projektu
Jak przełożyć literacką, wizualną inspirację na system ruchu i interakcji.
Analiza elementów strony: nawigator, fazy animacji, sterowanie zbliżeniem i prędkością, tryb erupcji słów oraz link do licytacji.
Myślenie o stronie nie jako o statycznym komunikacie, lecz jako o scenie, którą można reżyserować
3. LLM jako partner programistyczny
Jak opisywać intencję twórczą modelowi językowemu, aby otrzymać kod, który da się testować i rozwijać.
Rozbijanie projektu na małe moduły: struktura strony, animacja, interakcje, panele sterowania, responsywność i publikacja.
Praca iteracyjna: diagnozowanie błędów, doprecyzowywanie promptów, sprawdzanie efektów i odzyskiwanie kontroli nad procesem.
5. Prototypowanie strony z pomocą AI
Budowa prostego prototypu w HTML, CSS i JavaScript z wykorzystaniem modelu językowego jako asystenta kodowania.
Dodawanie podstawowej animacji, interakcji użytkownika i elementów sterowania, np. prędkości, skali, liczby obiektów lub intensywności efektu.
Testowanie w przeglądarce, poprawianie błędów i rozwijanie prototypu zgodnie z własną koncepcją.
6. Od prototypu do materiału promocyjnego
Jak wykorzystać interaktywną stronę jako generator ujęć, krótkich nagrań i wariantów komunikacji wizualnej.
Praktyczne wskazówki dotyczące nagrywania ekranu, kadrowania, ustawiania parametrów animacji i przygotowywania wersji do publikacji.
Prezentacja prototypów, wspólny feedback i rozmowa o dalszym rozwijaniu projektów.
Podczas zajęć dowiesz się m.in.:
Jak wykorzystać LLM do programowania, gdy celem jest narzędzie twórcze.
Czym różni się generowanie gotowego wideo od budowania systemu animacji, który można reżyserować i wielokrotnie wykorzystywać.
Jak przełożyć inspirację na język interakcji, ruchu, parametrów i narracji wizualnej.
Jak formułować prompty do kodowania: od ogólnej wizji po konkretne zadania.
Jak testować, poprawiać i rozwijać kod wygenerowany przez model językowy bez utraty autorskiej kontroli nad projektem.
Jak przygotować prostą stronę lub animację, którą można później wykorzystać do promocji wydarzenia, akcji społecznej albo własnego projektu.
Jak myśleć o AI jako o narzędziu prototypowania i współpracy, a nie wyłącznie jako o generatorze finalnych obrazów lub filmów.
Uwagi organizacyjne
Warsztat ma charakter praktyczny. Uczestnicy powinni przynieść własny laptop.
Wymagany będzie dostęp do płatnej subskrypcji wybranego narzędzia LLM, np. ChatGPT, Claude lub Gemini.
Uczestnicy mogą przyjść z własnym tematem, tekstem, obiektem, wydarzeniem lub akcją, którą chcieliby przełożyć na interaktywną formę
W zależności od poziomu grupy efektem końcowym może być prosty działający prototyp, szkic systemu animacji albo plan dalszego rozwijania projektu.
Prowadzący
Jacek Kobeszko - kierownik produkcji i twórca projektów audiowizualnych, związany ze Szkołą Filmową w Łodzi, gdzie studiował organizację produkcji filmowej i telewizyjnej. Stypendysta Ministra Kultury i Dziedzictwa Narodowego za wybitne osiągnięcia. Od 2017 roku pracuje przy projektach filmowych, reklamowych i telewizyjnych, łącząc doświadczenie produkcyjne z zainteresowaniem nowymi narzędziami twórczymi. Współpracował m.in. EgoFILM, TVN Warner Bros. Discovery oraz Universal Music Polska, realizując projekty od krótkich form filmowych i teledysków po seriale animowane, kampanie promocyjne i produkcje fabularne. Aktualnie pracuje w Platige Image, gdzie uczestniczy w produkcji projektów opartych na animacji 3D. Jest twórcą m.in. „Radiant”, „Self” i „Stagnant”; ten ostatni film był prezentowany na ponad 40 festiwalach i zdobył liczne nagrody. W pracy interesuje go szczególnie stykanie się produkcji, technologii i narracji: wykorzystywanie AI, modeli językowych i narzędzi kreatywnych do projektowania nowych form komunikacji wizualnej.