Na tle jasnej powtarzającej się tekstury powoli obraca się przezroczysty szklany obiekt z dowolnego płaskiego SVG (można wgrać swoje). Szkło załamuje niebo za sobą, a na krawędziach rozszczepia światło. Wokół znaku krążą wąskie źródła światła (niewidoczne w scenie), które przy obrocie przesuwają po ściankach jasne błyski z delikatną poświatą.
Tag: eksperyment ai
Ripple letters
Gdy poruszasz myszą, obraz i nagłówek zachowują się jak ciecz: kursor zostawia miękki ślad, w którym wszystko na chwilę faluje i się rozpuszcza, a potem płynnie wraca na miejsce. Na krawędziach śladu kolory rozszczepiają się na czerwień, zieleń i błękit, jak światło przechodzące przez szkło, a całość podkreśla delikatna fioletowa poświata. Cały obraz lekko przesuwa się za myszą, co daje wrażenie głębi i sprawia, że strona wydaje się żywa. Mały tekst nad nagłówkiem pozostaje nieruchomy i zawsze czytelny, a sam efekt jest subtelny przy wolnym ruchu i wyraźniejszy przy szybkim.
Meltin
Wypukły, zaokrąglony napis 3D w kolorze lśniącej, porcelanowej bieli, z miękko przechodzącymi w błękit krawędziami, powoli obraca się w przestrzeni na tle ciemnego granatu. Z liter spływa ciecz, tworząc falujące strumienie w odcieniach cyjanu, błękitu i bieli. W tle leniwie przesuwają się i migoczą niebieskie oraz granatowe refleksy świetlne, przypominające światło odbite od wody.
Scaffold
Animacja lotu przez nieskończoną, ciemną kratownicę z cienkich belek łączących się w trójkąty, przypominającą wnętrze futurystycznego rusztowania albo struktury kryształu. Belki mienią się opalizującymi barwami, od złota i miedzi, przez błękit, po fiolet i biel, a krążące między nimi źródło światła rzuca miękkie cienie i rozświetla mglistą głębię w tle. Kamera płynie powoli, kołysze się i co jakiś czas nagle zmienia kierunek, co daje hipnotyczny, filmowy nastrój, dobry jako tło, intro albo wizualizacja do muzyki elektronicznej.
Layerz
Layerz to pełnoekranowa kompozycja w stylu wycinanki z papieru: warstwy o gładkich, smukłych falach nachodzą na siebie od góry i od dołu, a między nimi widać głębokie niebieskie tło. Górne fale mienią się błękitami, pomarańczami, szarościami i bielą, dolne zielenią, pomarańczem i brązem, a całość pokrywa delikatne ziarno papieru i subtelny, obracający się gradient światła. Po scenie wolno wędruje żółto-białe słońce, które rośnie i maleje, chowa się za najbliższymi falami i rzuca tym mniejszy cień, im wyżej się wznosi.
Plusk
Litery są płytkimi basenami z gładkim dnem, wypełnionymi wodą. Po wodzie stale przesuwają się fale, a na dnie migoczą świetliste refleksy. Każdą literę obiega biały kontur, a miękki cień (ciemny z lewej i u góry, jasny z prawej i u dołu) sprawia, że basen wygląda na wgłębiony w piasek, do którego co sekundę wpada kamyk, rozpryskując drobne białe kropelki. Kliknięcie także powoduje wrzucenie kamyka.
Glass3d
Napis do edycji, a przed nimi szklana bryła, która stale się obraca, podąża za kursorem i daje się obracać myszą z bezwładnością. Każda klatka powstaje w dwóch krokach: najpierw scena bez bryły trafia do osobnej tekstury, a potem shader szkła odczytuje ją z przesunięciem wyliczonym z kąta załamania światła, dodając rozszczepienie kolorów, zniekształcenie i odbicia kolorowych świateł z otoczenia. Można zmienić bryłę, sposób renderowania szkła (prawdziwa refrakcja, same odbicia albo szkło matowe), kolorystykę tła i czcionkę napisu.
Teczki
Treść strony jest przykładowa – jest to prezentacja roślin. Strona główna to stos kolorowych teczek w czterech grupach (owoce, warzywa, krzewy, drzewa), a każda teczka ma zakładkę z nazwą rośliny. Po kliknięciu zakładki teczka wysuwa się ze stosu, obraca i otwiera w 3D. W środku jest dossier rośliny: dawna tablica botaniczna, metryczka (nazwa łacińska, pochodzenie, witaminy, kalorie), krótki tekst i scrapbook z ilustracjami i notatkami, które można przesuwać myszą. Boczne zakładki prowadzą do sąsiednich teczek, a „Powrót” zamyka teczkę i chowa ją z powrotem do stosu.
Shootris
Shootris to trochę tetris, ale odwrócony. Klocki spadają same i nie możesz ich przesuwać ani obracać. Zamiast tego masz celownik i strzelasz dodatkowymi kostkami, które doklejasz do spadającego klocka. Musisz tak go przerobić w locie, żeby po wylądowaniu pasował do stosu i pomagał wypełniać całe poziome rzędy. Każdy strzał zużywa amunicję, którą odzyskujesz m.in. za usuwanie pełnych rzędów. Są też specjalne kostki: jedne dają dodatkową amunicję, inne blokują możliwość doklejania, a jeszcze inne potrafią usunąć cały rząd lub obszar. Im dalej dojdziesz, tym szybciej spadają klocki i tym mocniej kołysze się plansza, więc coraz trudniej dokładnie celować.
Letter pattern
Aplikacja losuje znaki: małe i wielkie litery, cyfry oraz znaki interpunkcyjne, i układa je jeden po drugim tak, żeby zrastały się ze sobą w jedną gładką, ozdobną bryłę, którą maluje kolorowym gradientem na jaśniejszym tle. Na górze wybierasz przyciskami, z jakich grup znaków ma korzystać (abc, ABC, 123, !@#), a trzy kolejne przyciski włączają pokaz slajdów (nowy obraz co 10 sekund), generują nowy wzór na żądanie i zapisują aktualny obraz jako plik PNG. Nic nie trzeba ustawiać ani zapisywać – wystarczy patrzeć, klikać "nowy wzór", aż trafisz na taki, który Ci się spodoba, i pobrać go; twoje ustawienia przycisków zostaną zapamiętane do następnego uruchomienia.