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.