El concepte de Green Experience Requiem parteix de la idea de representar el temps com un organisme viu, el qual es transforma constantment i evoluciona al llarg del temps. Per a la natura, el temps és més que simples números, sinó la generació de nova vida i la fluctuació d’aquesta amb l’entorn.

Per això mateix he volgut representar el pas del temps amb l’element natural més característic, un arbre. Part de la idea ve donada per l’origen del nom, que consisteix en el poder d’un personatge d’un manga que té la capacitat de crear vida i, com en el moment de la ideació estava editant una foto del personatge, em vaig inspirar en ell.

Però la principal referència i inspiració ve donada pel paisatge que tinc davant meu la major part del dia. Des de la finestra de la meva habitació puc veure l’arbre que m’ha acompanyat en el meu creixement al llarg de tota la meva vida. Donat que l’he vist diàriament al llarg de la meva vida, no hi ha una representació del pas del temps més evident que aquesta per mi.

Figura 1 – Foto de l’arbre meu

Aquest tipus d’arbres es caracteritzen per aproximadament cada any créixer un nivell més. Inspirant-me en aquest concepte, he volgut crear el seu cicle de vida en 24 hores. En les primeres 12 hores tindrem el seu procés de creixement i les 12 finals, la seva marxitació.

Figura 2 – Esbós per ideació

Per fer-me una idea de com podria desenvolupar aquesta representació, he fet un esbós ràpid digital on he associat cada element de l’arbre a cada element temporal. Així podem associar cada element a una certa fracció de temps.

Segons – fulles que creixen cada segon
Minuts – branquetes que van creixent durant 1 minut
Hores – branques que sorgeixen del tronc principal

Tant les branques com les branquetes, que representen les hores i els minuts respectivament, no deixen de créixer, representant així el pas del temps constant que mai s’atura. Així com també el tronc principal evoluciona durant aquest procés, passant de ser un petit rebrot a un gran arbre.

Pel que fa a la paleta de colors, he buscat representar aquests colors que representen la vida a la natura. Durant la primera meitat del dia tenim els següents elements:

Verd natural de les fulles: color(50, 130, 60)
Marró del tronc silvestre: color(80, 50, 30)

Aquests són colors associats al creixement, la vitalitat i la vida, i els relacionem amb la natura i la terra. Però a partir de les 12, quan comença la fase de decadència, el color de l’arbre es transforma progressivament. El programa calcula el recorregut des del migdia i el converteix en un valor d’enfosquiment entre 0 i 1, que controla la transparència d’un marró fosc color(55, 35, 20). D’aquesta manera, el verd de les fulles es fon gradualment amb el marró fosc fins arribar a una tonalitat més fosca. Aquest canvi progressiu evita una transformació brusca i permet representar visualment el procés de marxitació i putrefacció de l’arbre, fent que els colors evolucionin al mateix ritme que el pas del temps.

Per a la interfície del projecte he provat d’utilitzar dues tipografies diferents carregant-les al projecte. Per al títol de l’obra, he escollit la font Mistical Spring, mentre que per a la resta de la informació (el nom de l’autor, l’hora actual, la velocitat de l’animació i les instruccions d’interacció), la font Recoleta Regular. He escollit aquestes fonts ja que les seves formes elegants i orgàniques encaixen amb la sensibilitat visual del projecte i amb l’estil que m’ha inspirat. Alhora, la diferenciació entre fonts permet donar més protagonisme al títol i mantenir la resta de la informació clara i ordenada.

Aquesta interfície també incorpora les indicacions dels controls: la fletxa dreta permet multiplicar la velocitat per 2, la fletxa esquerra dividir-la per 2, la barra espaiadora recuperar la velocitat normal i la tecla R restaurar el temps real. Per defecte, l’animació s’inicia sincronitzada amb l’hora actual de l’usuari, utilitzant les funcions de temps de p5.js per obtenir les hores, els minuts i els segons.

El procés de programació del codi ha requerit decisions de disseny que no es valoren a simple vista, com el fet d’establir un ordre de creixement i tenir en compte alguns factors, com l’anticipació de les branques. Aquestes apareixen uns 15 minuts abans de la seva hora per poder començar a desenvolupar les branquetes i fer que el creixement sigui més orgànic i progressiu.

La gestió de l’animació a través de diferents capes gràfiques també ha estat important per poder conservar parts de l’arbre ja construïdes i actualitzar només allò que és necessari. D’aquesta manera puc controlar millor els diferents moments del creixement sense haver de reconstruir tot l’arbre a cada moment.

Fer que el moviment tingués un comportament el més orgànic possible també ha requerit pensar com es relacionen les diferents unitats de temps amb el creixement. He relacionat les hores amb les branques principals, els minuts amb les branquetes i els segons amb l’aparició de les fulles. Cada branqueta pot arribar a tenir 60 fulles, de manera que cada segon correspon a una nova fulla. Aquests elemnts no apareixen simplement de cop, sinó que creixen progressivament, fent que el pas del temps sigui més visible dins de la forma de l’arbre.

Així com també el sistema d’interacció per accelerar o alentir l’animació és una part clau de l’experiència. Poder modificar la velocitat del temps permet experimentar amb el creixement de l’arbre i observar amb més detall processos que, a velocitat real, serien molt més difícils de percebre.

Així doncs, ara que ja tenim més context, us convido a gaudir de l’experiència en directe:

Gaudeix de l’experiència a pantalla completa: https://editor.p5js.org/AleixPa/full/_UOBpNIkn 

En definitiva, l’experiència aborda una visualització clara i completa que, després de moltes hores de treball, es contempla com una alternativa a la visualització d’un rellotge simple. És una forma abstracta de veure l’hora però que, a la vegada, aporta molta pau i tranquil·litat, ja que veure l’hora amb dígits pot resultar estressant, però amb aquesta proposta transmet pau i harmonia gràcies al toc natural.

Tot això m’ha permès reprendre els coneixements de JavaScript i adaptar-los a una interfície interactiva de forma dinàmica. La documentació de p5.js m’ha guiat per obtenir algunes idees però, a l’hora de la veritat, m’agrada fer les coses a la meva manera. La cosa és que ha resultat molt més laboriós del “simple” que ho contemplava en un inici. Però finalment, apurant fins a l’últim moment, aquí heu tingut el resultat.

Espero que hagi sigut entretingut i creatiu poder experimentar el càlcul del pas del temps d’una forma tan natural.