Projecte final
Ha arribat el moment d'integrar tot el que has après. Dissenya i crea la teva pròpia obra d'art interactiva o generativa combinant tècniques dels 29 temes anteriors. El teu estil, la teva veu, el teu codi.
Què és el projecte final?
El projecte final és una obra personal on demostres tot el que has après durant el curs. No es tracta de copiar un exercici, sinó de crear alguna cosa teva: una idea, una emoció, un concepte que vols expressar amb codi.
El projecte ha de tenir:
- Una idea clara: què vols expressar o explorar?
- Interactivitat: l'usuari ha de poder interactuar amb l'obra (ratolí, teclat, càmera, so...).
- Component generatiu: alguna part de l'obra ha de ser aleatòria o procedimental.
- Coherència visual: colors, formes i composició han de tenir un sentit.
- Codi organitzat: utilitza funcions, classes, comentaris per fer el codi llegible.
Idees per al teu projecte
Aquí tens algunes idees que combinen múltiples tècniques dels temes anteriors. Tria la que més t'inspiri o inventa'n una de nova:
🎆 Focs artificials interactius
Combina sistemes de partícules (Tema 9-10) amb interacció de ratolí (Tema 11-12) i colors HSB (Tema 4). Els clics disparen coets que exploten en formes variades.
🌊 Oceà generatiu
Utilitza soroll de Perlin (Tema 5) per crear ones, partícules per a la bromera, i corbes (Tema 8) per als corrents marins. El ratolí pot generar tempestes.
🎨 Pinzell intel·ligent
Crea una eina de dibuix (Tema 12) on el color, la mida i la forma del pinzell canviïn segons la velocitat del ratolí, la posició o les tecles premudes.
🌌 Univers generatiu
Partícules que simulen estrelles i galàxies (Tema 9-10), amb forats negres que atrauen partícules (Tema 10, forces), i nebuloses amb transparències (Tema 4).
🎵 Visualitzador musical
Analitza el so del micròfon (Tema 15-16) i crea visuals que reaccionin a les freqüències, combinant partícules, formes geomètriques i colors.
📊 Quadre de dades vives
Carrega dades (Tema 18-19) i visualitza-les de manera artística: barres que creixen, cercles que canvien de mida, colors que representen valors.
Com planificar el teu projecte
Un bon projecte comença amb una bona planificació. Segueix aquests passos:
- Defineix la idea: escriu en una frase què vols crear i quina experiència vols oferir.
- Fes un esbós: dibuixa en paper com t'imagines la pantalla, quins elements hi ha i com es mouen.
- Identifica les tècniques: quins temes del curs necessitaràs? (partícules, colors, interacció, so...)
- Divideix en parts: comença per una versió simple (MVP) i afegeix funcionalitats a poc a poc.
- Prova i ajusta: executa el codi sovint, observa el resultat i fes canvis segons el que veus.
- Comparteix: ensenya el teu projecte als companys, explica el procés i demana feedback.
Exemple guiat: una obra integradora
Aquest exemple combina partícules, soroll de Perlin, interacció amb ratolí i teclat, i transparències per crear una experiència hipnòtica. Pot servir-te d'inspiració per al teu projecte.
// Partícules que reaccionen al ratolí
// Colors basats en HSB amb zones de matís
// Forces aleatòries i interacció amb el ratolí
// Tecles per canviar paletes de colors
function draw() {
let zona = floor(map(mouseX, 0, width, 0, 3));
let hueBase = zona * 120; // 3 zones: vermells, verds, blaus
// ...
}Consells per al projecte final
- Comença petit: fes una versió mínima que funcioni i després amplia-la. No intentis fer-ho tot de cop.
- Reutilitza codi: aprofita snippets dels exercicis anteriors. No cal reinventar la roda.
- Comenta el codi: explica què fa cada part. T'ajudarà a tu i als altres a entendre'l.
- Dissenya l'experiència: pensa en l'usuari. Què veu? Què pot fer? Com se sent?
- Demana ajuda: si t'encalles, pregunta als companys o busca exemples a la documentació de p5.js.
- Diverteix-te: el projecte final és una oportunitat per crear alguna cosa que t'apassioni. Gaudeix del procés!
Exercicis de preparació
Abans de llançar-te al projecte final, practica amb aquests exercicis que combinen múltiples tècniques:
- Fes un mini-projecte d'un dia: tria 3 temes i crea una petita obra que els combini en menys de 2 hores.
- Escriu un document de disseny: explica la teva idea, les tècniques que utilitzaràs i com serà la interacció.
- Crea un prototip en paper: dibuixa 3 estats diferents de la teva obra (inici, interacció, resultat).
- Implementa la versió mínima (MVP): només les funcionalitats essencials, sense detalls.
- Repte: Afegeix so o càmera al teu prototip per fer-lo més immersiu i multisensorial.
Reflexió artística
Has arribat al final d'un viatge fascinant. Has après a dibuixar amb codi, a donar vida a partícules, a capturar el moviment del cos, a classificar imatges amb intel·ligència artificial. Però el més important no és la tècnica, sinó la mirada. Ara veus el món amb ulls de programador i d'artista alhora. Veus patrons on abans veies caos, veus algorismes on abans veies natura, veus possibilitats creatives on abans veies només pantalles. El projecte final és el teu manifest. Què vols dir? Com ho vols dir? Amb quines eines? La resposta és teva. Endavant, artista-programador. El llenç digital és infinit i el teu estil acaba de néixer.
El teu projecte final
Crea una obra d'art digital interactiva o generativa amb les següents condicions:
- Combina almenys 4 tècniques apreses durant el curs (per exemple: partícules, colors HSB, interacció amb ratolí, soroll de Perlin, corbes, transformacions, text, so...).
- Inclou interactivitat: l'usuari ha de poder influir en l'obra amb el ratolí, el teclat, la càmera o el micròfon.
- Té un component generatiu: alguna part de l'obra canvia de manera autònoma o aleatòria.
- Presenta una coherència visual: paleta de colors, estil, composició.
- Està documentat: acompanya el codi amb comentaris que expliquin què fa cada part i per què has pres cada decisió creativa.
- Opcional: incorpora elements d'intel·ligència artificial (ml5.js) si tens accés a models i càmera.
Presenta el teu projecte als companys: explica la idea, fes una demostració en directe i comparteix el codi. Aquesta és la teva obra mestra del curs. Bona sort i disfruta creant!