Author: Federico

  • Array di pixel: loadPixels() e updatePixels()

    Avevo parlato di pixel in uno dei primissimi post su Processing in questo blog. Grazie alle competenze che abbiamo acquisito nelle ultime settimane, possiamo fare un ulteriore passo in avanti. Le funzioni che abbiamo usato fino a oggi ci hanno permesso di disegnare linee e forme sullo schermo o, come visto di recente, di mostrare un’immagine. Queste funzioni […]

  • Modificare le immagini: tint(), filter()

    Proseguiamo l’approfondimento su Processing e immagini. Nell’era di Instagram siamo abituati a cambiare l’aspetto delle nostre foto prima di condividerle con gli altri. Le funzioni tint() e filter() – già incluse all’interno del linguaggio – ci consentono di alterare le immagini a nostro piacimento. La funzione tint() Questa funzione consente di alterare il colore generale delle foto. L’effetto non è permanente tanto […]

  • Utilizzare immagini in Processing: PImage, loadimage() e image()

    In tutti gli sketch che abbiamo creato fino a oggi abbiamo sempre utilizzato Processing per generare forme sullo schermo. Con questo post, invece, cominceremo ad ampliare i nostri orizzonti e inizieremo a utilizzare nei nostri programmi immagini esterne. A differenza dei programmi di editing più comuni – penso per esempio a Photoshop o Pixelmator – con Processing […]

  • Processing e Ableton: sincronizzare musica e visual via MIDI

    Oggi sfrutteremo Processing per creare dei semplici visual sincronizzati con la musica attraverso il protocollo MIDI. Il software musicale che userò per fare gli esempi è Ableton Live 9 ma è possibile usare qualsiasi Digital Audio Workstation in grado di inviare messaggi MIDI. Lo schema delle connessioni, dunque, sarà: Ableton Live gestirà la musica e invierà, […]

  • Array bidimensionali: esercizio alta difficoltà (soluzione)

    Ecco la soluzione all’esercizio di difficoltà media proposto nell’articolo Array bidimensionali. Esercizio Partendo dalla soluzione all’esercizio di difficoltà media, sareste in grado di modificarlo ulteriormente per fare in modo che la griglia non sia necessariamente 8×8?

  • Array bidimensionali: esercizio media difficoltà (soluzione)

    Ecco la soluzione all’esercizio di difficoltà media proposto nell’articolo Array bidimensionali. Esercizio: Siete in grado di modificare lo script affinché, ad esempio, modificando i valori all’interno di size() mi venga disegnata sempre una scacchiera di 8×8 che occupi l’intera grandezza della finestra (anche quando non è quadrata)?

  • Array bidimensionali in Processing

    In programmazione gli Array sono utili per archiviare in modo ordinato una serie di informazioni. Per chi avesse bisogno di un recap, questo è l’articolo in cui ho introdotto il concetto di array e il loro utilizzo in Processing. A volte può capitare di avere a che fare con informazioni che non possono essere rappresentate in un’unica dimensione. […]

  • Esercizio: Testo psichedelico

    Oggi vi propongo un esercizio molto semplice per analizzare alcune funzioni relative al testo che non abbiamo avuto modo di approfondire nei post precedenti. L’esercizio riportato qui sotto mostra come siano sufficienti poche righe di codice per ottenere risultanti interessanti lavorando con del testo all’interno di Processing. Partiamo dal codice completo del programma: /* * Esercizio: […]

  • Font personalizzati: aggiungerli e utilizzarli

    In Processing è possibile utilizzare le font che abbiamo installato sul nostro computer all’interno dei nostri sketch. In questo post vedremo come aggiungerli al nostro programma e come utilizzarli in modo efficace. Questi argomenti saranno sicuramente utili a chi ha un background di tipo grafico e utilizza regolarmente Photoshop o Illustrator. Font vettoriali La prima funzione che […]

  • Caricare file esterni in Processing

    In tutti gli esempi visti finora abbiamo sempre utilizzato le funzioni interne di Processing per disegnare qualcosa sullo schermo. È possibile, ovviamente, caricare all’interno dei nostri sketch file esterni in vari formati come, ad esempio, font, immagini, file vettoriali, suoni e altro. Dati gli argomenti che affronteremo a breve, è importante capire come effettuare questa operazione […]