Processing: impara a programmare con questo linguaggio di programmazione

Video corsi

• Introduzione alla programmazione con Processing:
  44 video lezioni per un totale di più di 3 ore di lezione.
• Introduzione all’arte generativa con Processing
  41 video lezioni per 3 ore di lezione in totale.

Benvenuti

Se siete arrivati su questa pagina e state leggendo queste parole, probabilmente siete interessati a imparare a programmare in Processing. Qui troverete una raccolta – in costante aggiornamento – di tutti i post, le guide, gli esercizi e i video che ho realizzato nel corso degli ultimi anni.

Si tratta di un progetto ancora in progress e, per questo, mi fa molto piacere ricevere commenti e feedback per poter migliorare e mantenere aggiornati tutti i contenuti. Potete scrivermi direttamente a federico [at] federicopepe [dot] com, lasciare un commento sotto i post, contattarmi su Twitter o Facebook.

Per ricevere gli aggiornamenti su nuovi post o nuovi contenuti pubblicati vi consiglio di  iscrivervi alla newsletter Creative Coding.

Indice

• Programmazione, creative coding e arte digitale
• Introduzione a Processing
• Le novità di Processing 3
• Getting Started – Processing livello base
  In questa categoria sono contenuti tutti i post relativi alle competenze “di base” per cominciare a muovere i primi passi con la programmazione in Processing.
  • Schermo, pixel e linee
  • Primitive 2D: point(), line(), rect(), ellipse(), triangle()
  • Colori RGB
  • Esercizio 1: Piet Mondrian
  • Blocchi di codice e flusso: setup() e draw()
  • Variabili built-in (mouseX, mouseY…)
  • Eventi: mousePressed() e keyPressed()
  • Variabili: creazione e personalizzazione
  • Variabili II: operazioni matematiche
  • println() e random()
  • Controlli condizionali: if, else if, else
  • Controlli condizionali II: operatori logici
  • Esercizio 2: I quattro quadranti
  • Controlli condizionali III: Variabili booleane
  • Loop: while
  • Loop II: for e nesting
  • Funzioni personalizzate
  • Esercizio: Bouncing Ball, parte 1
  • Esercizio: Bouncing Ball, parte 2
  • Modularità delle funzioni
  • Introduzione agli oggetti
  • OOP: Sintassi di classi e oggetti
  • OOP: Classi e oggetti, parte 2
  • Esercizio: Bouncing Ball, parte 3 (OOP)
  • Array: dichiarazione, inizializzazione e utilizzo
  • Array di oggetti: Bouncing Ball, parte 4
  • Interazione tra oggetti
  • Array bidimensionali
  • Array bidimensionali: esercizio media difficoltà (soluzione)
  • Array bidimensionali: esercizio alta difficoltà (soluzione)
  • Fine (del livello base)
• Trasformazioni: translate(), rotate(), scale()
• Controllare le trasformazioni: pushMatrix() e popMatrix()
• Caricare file esterni

Funzioni matematiche in Processing

• Modulo e probabilità
• Random e Perlin Noise
• Altri esempi con la funzione noise()
• 2D Perlin Noise
• Angoli: randians() e degrees()
• sin() e cos(): onde e funzioni cicliche
• Funzioni ricorsive

Lavorare con le immagini in Processing

• Utilizzare immagini: PImage, loadimage() e image()
• Modificare le immagini: tint(), filter()
• Array di pixel: loadPixels() e updatePixels()
• Processare le immagini
• Modificare la dimensione della finestra in base all’immagine caricata
• Una palette di colori da un’immagine
• Glitch di un’immagine

Lavorare con l’audio in Processing

• Processing e Ableton: sincronizzare musica e visual via MIDI

Lavorare con i testi in Processing

• Testi in Processing: text(), textSize() e textAlign()
• Font personalizzati: aggiungerli e utilizzarli
• Esercizio: Testo psichedelico

Creare infografiche e visualizzazioni di dati con Processing

• Lavorare con i dati
• Leggere file CSV
• Da una tabella CSV agli array
• Creiamo il nostro primo grafico a barre
• Grafico a barre II
• Grafico a linee

Librerie di Processing

• Librerie: estendere le funzionalità di Processing
• Libreria Nice Color Palettes per Processing

Colori

• Creare delle palette di colori che stanno bene insieme in modo casuale

Coding rescue

• Coding Rescue #1 – Invertire sotto-sopra una porzione di un’immagine
• Coding Rescue #2 – Binarizza un’immagine
• Coding Rescue #3 – Cambiare la tonalità di alcuni pixel

Articoli vari

• Quick, Draw! + Processing: lavorare con il dataset di Google con più di 50 milioni di disegni

Archivio newsletter

Creative Coding è una newsletter dedicata alla programmazione e all’arte generativa. La scrivo quando ho tempo e qualcosa di interessante da dire. Mai più di una volta al mese.

È possibile iscriversi a questo indirizzo: www.tinyletter.com/creativecoding.

• Creative Coding #18 (17.04.2020)
• Creative Coding #17 (03.10.2019)
• Workshop di data visualization con Processing (18.11.2018)
• Creative Coding #16 (03.04.2018)
• Creative Coding #15 (02.11.2017)
• Creative Coding #14 (13.06.2017)
• Creative Coding #13 (12.03.2017)
• Creative Coding #12 (29.01.2017)
• Creative Coding #11 (11.11.2016)
• Creative Coding #10 (21.07.2016)
• Creative Coding #9 (13.05.2016)
• Creative Coding #8 (16.03.2016)
• Creative Coding #7 (31.01.2016)
• Creative Coding #6 (24.12.2015)
• Creative Coding #5 (15.11.2015)
• Creative Coding #4 (20.09.2015)
• Creative Coding #3 (03.09.2015)
• Creative Coding #2 (09.08.2015)
• Creative Coding #1 (26.07.2015)

Seminari, corsi e workshop

Vuoi organizzare un corso o un workshop, non esitare a contattarmi: federico[at]federicopepe[dot]com.

Passati

• a.s 2019-2020 – Linguaggi Visuali per Sistemi Complessi @ Università di Udine, sede di Pordenone
• a.s 2018-2019– Linguaggi Visuali per Sistemi Complessi @ Università di Udine, sede di Pordenone
• a.s 2017-2018 – Linguaggi Visuali per Sistemi Complessi @ Università di Udine, sede di Pordenone
• Settembre 2019: Arte Generativa: creare arte con algoritmi – Workshop di design generativo (Verona)
• Settembre 2016 – Corso: Creative Coding con Codice Inutile (Verona).
• Ottobre 2015 – Corso: Introduzione alla programmazione @ Verona Fab Lab
• Luglio 2015 – Presentazione @ Master in Sonic Arts, Università di Tor Vergata (Roma)
• Giugno 2015 – Corso: Introduzione alla programmazione @ ALOUD College (Verona)