Prototypy, interakcje, animacje i techniczne szkice, które rozwijają kierunek Lumina Studio.
Eksplorujemy granice kreatywności i technologii. Testujemy animacje, interakcje i WebGL w brutalistycznym stylu, reinterpretując ikoniczne strony z Awwwards. To nasz plac zabaw. Kod, którego nie znajdziesz w podręcznikach.
React Three Fiber · Three.js · WebGL · 3D · refraction
Eksperyment powstał jako próba ożywienia statycznego plakatu znalezionego na Pintereście. Odtworzyliśmy kompozycję w 3D, dodając model szklanki oraz efekt refrakcji. Tekst znajduje się pod szkłem, dzięki czemu światło i obraz załamują się podczas ruchu i tworzą przestrzenną, interaktywną wersję plakatu.
WebGL · shaders · motion · interaction
Koncepcja eksperymentu inspirowanego sposobem, w jaki studia creative development łączą typografię, ruch i WebGL. Celem będzie zbudowanie płynnej interakcji, w której animacja i elementy 3D reagują na ruch użytkownika zamiast pełnić wyłącznie dekoracyjną rolę.
Creative development · WebGL · scroll · transitions
Studium przejść, animacji i interakcji inspirowanych projektami z obszaru creative development. Eksperyment będzie skupiony na połączeniu scrolla, typografii i warstwy WebGL w jeden spójny system ruchu.
3D · motion · product experience · interaction
Koncepcja interaktywnego doświadczenia produktowego łączącego duże obrazy, przestrzeń 3D i płynne przejścia pomiędzy treściami. Celem będzie sprawdzenie, jak bardziej filmowy sposób nawigacji może działać w normalnym interfejsie webowym.
