2019
Quadrats Vius – Explorant les Perspectives en CSS
L'objectiu d'aquest experiment era explorar com funcionen les perspectives en CSS, inspirat per una conferència on es van crear autèntiques obres d'art només amb CSS.
Context i Objectiu
Aquest projecte neix com una pràctica per entendre millor les perspectives en CSS i veure fins a quin punt es poden aconseguir efectes visuals interessants només amb codi. Vaig dividir el procés en quatre passos: el primer era simplement per entendre el funcionament bàsic, mentre que els següents van ser una evolució més creativa i improvisada.
Procediment
Pas 1: Explorant la Perspectiva
El primer pas consistia a aplicar perspectives senzilles a elements bàsics per entendre com es deformen i reaccionen visualment.
Pas 2: Donant Vida als Quadrats
Aquí vaig començar a jugar amb interaccions i transformacions més dinàmiques, fent que els elements cobressin més vida.
Pas 3: Multiplicant Elements
Vaig portar l'experiment un pas més enllà generant múltiples quadrats i observant com interaccionaven entre ells dins de l'espai en perspectiva.
Pas 4: Polint i Refinant
L'última fase va ser ajustar els detalls i acabar amb una composició visual més elaborada, explorant els límits del que es podia aconseguir només amb CSS.
Curiositats
Rendiment i eficiència: No es va tenir en compte l'optimització del codi. Tots els rectangles es generen mitjançant una única classe i es mantenen en memòria, fent que aquest experiment no sigui escalable en termes de rendiment. L'objectiu era explorar el concepte, no crear una implementació òptima.