BadCodeWorks
Brend web-stranica
Problem
Dva posla za jednu stranicu: prikazati radove i isprobati vizualne efekte pred publikom. Ni jedno ni drugo nije smjelo usporiti stranicu ni otežati čitanje.
Pristup
Sučelje miruje, osim na dva mjesta.
Oko BAD natpisa Canvas 2D mreža prati pokazivač. Obližnja se sjecišta savijaju, a obrubljena slova s njima. Pravi naslov ostaje u kodu stranice.
Pri prelasku između dosjea novi dosje prekriva mreža polja koja nestaju nasumično, u smjeru prelaska. Veličina polja odgovara mreži iza natpisa. Mijenja se samo prozirnost, a uz uključeno smanjenje pokreta prijelaz se preskače.
Tehnologija
Astro 7 i strogi TypeScript, content collections za dosjee, CSS varijable za obje teme. Morph radi na Canvas 2D API-ju, bez zasebne biblioteke za animacije. Statička verzija pripremljena je za Cloudflare Pages.