Programació per Artistes
30 temes per aprendre a crear art amb codi: des del dibuix geomètric fins a la intel·ligència artificial generativa.
1r Trimestre – Art Geomètric
El llenç digital
Primers passos amb p5.js. Creació del canvas i dibuix de formes bàsiques.
Accedir Tema 2Geometria i composició
Dibuix de rectàngles, el·lipses i triangles. Control de posició i mida.
Accedir Tema 3El poder de la repetició
Ús de bucles per crear patrons i composicions repetitives.
Accedir Tema 4Color i transparència
Models RGB i HSB. Omplir i traçar formes amb transparències.
Accedir Tema 5Randomització controlada
Generació d'art aleatori amb paràmetres limitats.
Accedir Tema 6Operacions amb formes
Combinació de formes per crear estructures complexes.
Accedir Tema 7Rotació i transformacions
Translate, rotate i scale per crear mandales.
Accedir Tema 8Corbes i formes orgàniques
Dibuix de corbes amb curve() i bezier().
Accedir Tema 9Sistemes de partícules (I)
Introducció als vectors. Creació d'un sistema bàsic de partícules.
Accedir Tema 10Sistemes de partícules (II)
Afegir forces (gravetat, vent) i control de mida i color.
Accedir2n Trimestre – Art Interactiu
Interacció amb el ratolí (I)
Control d'elements amb mouseX i mouseY. Pintar amb el ratolí.
Accedir Tema 12Interacció amb el ratolí (II)
Detecció de clics i moviment. Creació d'eines de dibuix.
Accedir Tema 13Interacció amb el teclat
Canvi de colors, formes o modes de dibuix amb keyPressed.
Accedir Tema 14Captura de moviment amb càmera
Ús de createCapture() per crear miralls i filtres en temps real.
Accedir Tema 15So i visualització (I)
Introducció a la Web Audio API. Generació de tons i oscil·ladors.
Accedir Tema 16So i visualització (II)
Anàlisi de l'espectre de freqüències amb FFT.
Accedir Tema 17Text i tipografia
Ús de text() per a composicions tipogràfiques cinètiques.
Accedir Tema 18Dades i art (I)
Càrrega de dades externes (CSV, JSON).
Accedir Tema 19Dades i art (II)
Visualització de dades meteorològiques o de xarxes socials.
Accedir Tema 20Art generatiu amb condicions
Ús de condicionals per a sistemes que reaccionen a l'entorn.
Accedir3r Trimestre – Art Intel·ligent
Introducció a ml5.js
Què és el machine learning? Primers passos amb ml5.js.
Accedir Tema 22Detecció de cares
Ús de facemesh o faceapi per a màscares i filtres facials.
Accedir Tema 23Detecció de poses (I)
poseNet per detectar punts clau del cos.
Accedir Tema 24Detecció de poses (II)
Classificació de moviments i control d'elements visuals.
Accedir Tema 25Transferència d'estil
Aplicar estils artístics (Van Gogh, Picasso) amb styleTransfer.
Accedir Tema 26Pix2Pix
Traducció d'esbossos a imatges reals.
Accedir Tema 27Classificació d'objectes (I)
MobileNet per reconèixer objectes en directe.
Accedir Tema 28Classificació d'objectes (II)
Entrenament d'un model personalitzat amb kNNClassifier.
Accedir Tema 29Generació de text amb IA
Ús de models de llenguatge per a poesia o relats visuals.
Accedir Tema 30Projecte final
Integració de totes les tècniques en una obra d'art interactiva o generativa.
AccedirPràctiques didàctiques amb p5.js
Col·lecció de 15 pràctiques pas a pas amb codi comentat i resultat renderitzat. Cada pràctica inclou exercicis, reptes i preguntes de reflexió.
El llenç digital
Crear un llenç, posicionar formes i utilitzar colors.
Pràctica 2Geometria i composició
Rectangles, línies i colors RGB. Composició Mondrian.
Pràctica 3El poder de la repetició
Bucles for, quadrícules i patrons Op Art.
Pràctica 4L'art del caos
Random, aleatorietat i sistemes generatius interactius.
Pràctica 5Color generatiu
HSB, paletes cromàtiques i generació de colors.
Pràctica 6Tipografia generativa
Text com a forma visual, animació i deformació.
Pràctica 7Paisatges impossibles
Noise, generació procedural i profunditat visual.
Pràctica 8El dibuix en moviment
Draw, frameCount, sin i cos per animar formes.
Pràctica 9Sistemes de partícules
Arrays, classes, velocitat i simulacions naturals.
Pràctica 10Pinzells interactius
MouseX, mouseY i dibuix generatiu amb el ratolí.
Pràctica 11Ecosistemes digitals
Organismes que creixen, jardins i comportament emergent.
Pràctica 12Camps de flux
Vectors, soroll Perlin i pintura generativa.
Pràctica 13Geometria transformada
Translate, rotate, scale. Transformacions geomètriques.
Pràctica 14Gravetat i òrbites
Forces, acceleració i simulació de sistemes planetaris.
Pràctica 15Xarxes i constel·lacions
Connexions, grafs i estructures relacionals dinàmiques.