Introduzione al corso

Grafica e computer

Il computer è un elaboratore di numeri
nozioni\computer-elaboratore-numeri
Uso grafico del computer
nozioni\uso-grafico-computer
Pittura/disegno digitale
nozioni\pittura-disegno-digitale
Fotoritocco digitale
nozioni\fotoritocco-digitale
Data visualization
nozioni\data-visualization
Audio visualization
nozioni\audio-visualization
Grafica combinatoria
nozioni\grafica-combinatoria
Glitch Art
nozioni\glitch-art
Grafica generativa
nozioni\grafica-generativa
Grafica reattiva/interattiva
nozioni\grafica-reattiva
Altre possibilità grafiche
nozioni\grafica-eccetera
Programmare o subire la programmazione?
nozioni\non-farsi-programmare
Pensiero computazionale
nozioni\sistematizzare-risolvere

Esempi di grafica programmata

Joshua Davis
estesie\joshua-davis
Casey Reas
estesie\casey-reas
Tipografia ricorsiva
estesie\emotion-fractal-tarbell
Alessandro Capozzo
estesie\d3d4lu5
Grafica generativa infinita per video musicali
estesie\the-nest-that-sailed-the-sky
Apophysis
risorse\apophysis
Visual Identity generativa
estesie\mit-media-lab-identity
Visual Identity generativa
estesie\essere-bologna
Grafica reattiva
estesie\reactive-books-maeda
Animazione interattiva
estesie\starry-night-vrellis

“Sviluppare” grafica generativa e interattiva

Browser come sistema operativo?
nozioni\browser-sistema-operativo
Linguaggi web orientati alla multimedialità
nozioni\linguaggi-web-multimediali
HTML: struttura di base
nozioni\html-struttura-base
HTML minimo
nozioni\html-minimo
HTML + CSS
nozioni\html-css
HTML + CSS + JavaScript
nozioni\html-css-js
HTML + CSS + JS linkati
nozioni\html-css-js-linkati

p5.js e l’universo Processing

Processing (e p5.js): obiettivi
nozioni\processing-p5js-obiettivi
P5.js: cos’è?
nozioni\p5js-cos-e
P5.js e Processing
nozioni\p5js-processing
Struttura di base di uno “sketch”
nozioni\struttura-base-comune
Disegnare un’ellisse con p5.js"
nozioni\disegnare-ellisse-p5js
Possibilità grafiche (oltre l’ellisse)
estesie\possibilita-grafiche
Interazione con gli elementi HTML
codici\interazione-elementi-html
Risorse per l’apprendimento
risorse\risorse-apprendimento
Condivisione di esempi con codice
risorse\condivisione-codice
Disponibilità di librerie per p5.js
risorse\disponibilita-librerie-p5js

Gli LLM e i coding agent

Che cos’è un modello linguistico
nozioni\llm-cosa-sono
Come si genera una risposta
nozioni\llm-come-genera-testo
Plausibile non vuol dire vero
nozioni\epistemia
In rete o sul proprio computer
nozioni\llm-in-rete-o-in-locale
Dalla conversazione all’azione: i coding agent
nozioni\coding-agent-cosa-sono
Come lavora un agente di programmazione
nozioni\coding-agent-come-lavora
Quali agenti esistono
nozioni\coding-agent-quali-sono
Che cosa rende utile una richiesta
nozioni\prompt-come-scrivere
La memoria del progetto: AGENTS.md
nozioni\agents-md-memoria-progetto