4. Grafica cinetica e reattiva

• Funzioni setup() e draw()
• Le funzioni
• Definire una funzione
• Chiamare una funzione
• Funzioni che restituiscono valori
• Le funzioni setup() e draw()
• Disegno progressivo
• Disegno "animato"
• Variabili globali e variabili locali
• Controllo del draw()
• Controllo del draw(): esempio
• Cinetismi di base
• Scorrere del tempo: secondi
• La variabile di sistema frameCount
• Uso di frameCount con l'operatore %
• Interpolazioni fra valori
• Variabile di controllo delle interpolazioni
• Interpolazioni con la funzione lerp()
• Interpolazioni su curve di Bézier
• Interpolazione dei colori
• Interpolazioni oscillanti
• Andamento delle interpolazioni
• Attenuazioni nelle interpolazioni (easing)
• Andamenti elementari con la funzione sin()
• Andamenti complessi con bezierPoint()
• Andamenti complessi con la libreria p5.func
• Interattività (con la tastiera e il mouse)
• Implementazione dell'interattività
• Possibilità di implementazione dell'interattività
• Variabili di sistema della tastiera
• Funzioni di sistema della tastiera
• Variabili di sistema del mouse
• Funzioni di sistema del mouse
• Interazioni temporali
• Posizione precedente del mouse
• Memorizzare le posizioni precedenti del mouse
• Usare le posizioni precedenti del mouse
• Dipingere con “pennelli” dinamici
• Disegnare testi