Archivi tag: Creative Coding

Corso di Processing – lezione 02

4 Repliche

Introduzione a Processing

Quando si parla di programmazione, spesso si pensa a codice complesso, algoritmi matematici e righe di testo prive di immediatezza visiva. Processing nasce per cambiare questa prospettiva, offrendo un ambiente intuitivo e accessibile che permette di avvicinarsi alla programmazione attraverso la grafica e l’interattività.

Processing è un linguaggio di programmazione e un ambiente di sviluppo progettato per aiutare studenti, artisti e designer a creare immagini, animazioni e interazioni in modo semplice e immediato. Non è necessario essere programmatori esperti per iniziare: l’interfaccia è progettata per facilitare l’apprendimento, consentendo di ottenere risultati visivi fin dai primi tentativi.

Perché usare Processing?

La caratteristica distintiva di Processing è la sua immediatezza:

  • Permette di scrivere poche righe di codice e vedere subito il risultato grafico.
  • È pensato per chi lavora con la creatività e vuole esplorare il potenziale della programmazione senza dover affrontare subito complessità tecniche avanzate.
  • Supporta la creazione di disegni, animazioni e interazioni, rendendolo perfetto per il Creative Coding e l’arte digitale.
  • È un software open-source e gratuito, con una vasta comunità di sviluppatori e artisti che condividono codici ed esperienze.

Un linguaggio per tutti

Processing è stato creato con l’idea di semplificare l’approccio alla programmazione, mantenendo però una grande potenza espressiva. È basato su Java, ma con una sintassi molto più snella, pensata per chi è alle prime armi.

Grazie alla sua struttura, è ideale per:

  • Studenti che vogliono imparare la programmazione in modo pratico e visivo.
  • Designer e artisti che desiderano sperimentare con il codice.
  • Insegnanti che vogliono introdurre la programmazione nelle scuole con un approccio interattivo.

Come iniziare?

Per cominciare a usare Processing, è sufficiente:

  1. Scaricare il software dal sito ufficiale processing.org.

  2. Installarlo su Windows, macOS o Linux.

L’interfaccia di programmazione

L’interfaccia di Processing è essenziale e intuitiva, mantenendo nel tempo una struttura familiare per gli utenti. Nella parte superiore troviamo i pulsanti Run e Stop, fondamentali per eseguire e interrompere i nostri sketch – così vengono chiamati i programmi scritti in Processing.

L’area centrale, con sfondo bianco, è l’editor, lo spazio in cui scriviamo il codice. Qui possiamo digitare, modificare e organizzare le nostre istruzioni per dare vita a disegni, animazioni e interazioni.

Nella parte inferiore, con sfondo nero, si trova la console, uno strumento utile per individuare eventuali errori nel codice e ricevere messaggi di output. La console può essere sfruttata per debugging o per visualizzare informazioni utili sull’esecuzione del programma, aiutandoci a comprendere meglio il suo funzionamento.

Esplorare gli Esempi

Prima di iniziare a scrivere codice, è utile avere un’idea delle potenzialità offerte da Processing. Chi ha già installato l’IDE sul proprio computer può accedere a una raccolta di esempi predefiniti attraverso il menu File > Esempi. Qui si trovano diversi progetti suddivisi in categorie come Basics, Topics, Demos, Books, Libraries e Contributed Libraries, che permettono di scoprire le varie funzionalità del linguaggio.

Oltre a questi esempi, esistono numerosi progetti realizzati con Processing che possono essere fonte di ispirazione per chi si avvicina per la prima volta a questo strumento. Osservare ciò che è possibile creare con poche righe di codice può essere un ottimo punto di partenza per esplorare e sperimentare nuove idee.

Processing nella didattica e nell’arte

Processing non è solo un linguaggio di programmazione, ma un vero e proprio strumento educativo. Molte scuole e università lo utilizzano per insegnare la programmazione in modo più coinvolgente, trasformando il codice in qualcosa di concreto e tangibile.

Anche nel mondo dell’arte digitale, Processing è utilizzato per generare immagini, animazioni ed esperienze interattive. È una piattaforma che unisce logica e creatività, permettendo di esplorare il potenziale del codice in modi nuovi e stimolanti.

Se sei curioso di scoprire di più, ti invitiamo a provare i primi esercizi con Processing: potresti rimanere sorpreso da ciò che riuscirai a creare con poche righe di codice!

Risorse

Dalla prossima lezione inizieremo con la programmazione! 🙂

Articoli correlati:

  1. Corso di Processing – lezione 01
  2. Il mio articolo di presentazione del corso: Laboratori STEAM con Arduino sul sito Tecnica della scuola
  3. Puntata 2/3 : Invio dati da micro:bit alla piattaforma IoT ThingSpeak mediante modulo WiFi esp01

Corso di Processing – lezione 01

7 Repliche

 

Programmazione, Creative Coding e Arte Digitale

Come insegnante, sono sempre alla ricerca di nuove forme di comunicazione che mi permettano di coinvolgere ed appassionare gli studenti. Unire programmazione e creatività mi ha sempre fornito ottimi risultati, rendendo più accessibile e stimolante l’apprendimento dell’informatica. È da tempo che volevo pubblicare i miei appunti sul Creative Coding e, pur non essendo un artista, sono sempre stato affascinato da questo approccio che trasforma il codice in uno strumento di espressione visiva e interattiva.

Era da tempo che desideravo strutturare meglio i miei appunti sull’uso di Processing, che ho utilizzato negli anni passati con gli studenti, ed ho deciso di sistemarli in un corso completo introduttivo all’uso di questo fantastico linguaggio di programmazione. Processing permette di realizzare progetti di Creative Computing non solo attraverso oggetti e animazioni software, ma anche mediante l’interazione con dispositivi elettronici come Arduino e Raspberry Pi.

La programmazione è spesso vista come un’attività puramente tecnica, relegata alla risoluzione di problemi e allo sviluppo di software funzionali. Tuttavia, negli ultimi anni, ha assunto un ruolo sempre più centrale nell’ambito artistico e creativo, dando vita a nuove forme espressive. Il Creative Coding rappresenta questa fusione tra logica e immaginazione, utilizzando il codice per creare opere digitali, installazioni interattive, animazioni e visualizzazioni di dati.

Oggi sempre più artisti scelgono di integrare la programmazione nel proprio processo creativo, utilizzandola come strumento per esprimersi in modo innovativo e interattivo. Designer, musicisti, videomaker e performer usano il codice per sviluppare esperienze immersive, trasformando lo schermo in una tela dinamica e interattiva. Questo approccio non solo amplia le possibilità artistiche, ma offre anche un nuovo modo di insegnare la programmazione, rendendola accessibile e coinvolgente per chiunque, indipendentemente dal background tecnico.

Uno degli ostacoli principali per chi si avvicina al Creative Coding è la difficoltà di utilizzare strumenti di sviluppo pensati per programmatori. Molti software, pur potenti, risultano poco intuitivi per chi proviene da un’educazione artistica o visiva. Processing, ad esempio, è stato creato proprio con l’intento di abbattere questa barriera, fornendo un ambiente semplice ed efficace per imparare a programmare attraverso la grafica e l’interattività.

Perché ha senso utilizzare Processing a scuola?

Utilizzare Processing in ambito scolastico è utile per diversi motivi:

  • Apprendimento visuale e immediato: il codice produce effetti grafici in tempo reale, rendendo l’apprendimento coinvolgente anche per studenti che non hanno familiarità con la programmazione.
  • Accessibilità e semplicità: è open source, gratuito e con un’interfaccia snella, adatta anche ai principianti assoluti.
  • Creatività e pensiero computazionale: favorisce la creatività, ma allo stesso tempo sviluppa il ragionamento logico e la capacità di problem solving.
  • Interdisciplinarità: si presta a progetti che uniscono arte, musica, matematica, scienze, tecnologia e storytelling.
  • Interazione con il mondo reale: grazie alle librerie disponibili e alla compatibilità con Arduino, Raspberry Pi e sensori, consente di realizzare installazioni interattive, robot e prototipi fisici.
  • Comunità attiva e risorse online: migliaia di esempi, librerie e progetti condivisi semplificano l’apprendimento e l’ispirazione.

Se desiderate approfondire ulteriormente il concetto di Creative Coding e la sua applicazione nell’arte digitale, vi lascio un elenco di video che esplorano questo campo che a me affascina parecchio:

Creative Coding with Processing: Random Compositions
Video che mostra come generare composizioni casuali di forme geometriche utilizzando Processing.

Creative Coding with p5.js: Building a datastream-visual
Video che illustra la creazione di una visualizzazione che simula un flusso di dati utilizzando p5.js

Creative Coding for Beginners – Full Course!
Un corso completo per principianti che introduce al creative coding con Processing.

Processing Tutorials | Generative Art
Una playlist di tutorial che copre vari aspetti dell’arte generativa con Processing.

Introduzione al Creative Coding con Daniel Shiffman
Daniel Shiffman, uno dei più noti divulgatori del Creative Coding, offre una serie di tutorial che guidano i principianti attraverso i concetti fondamentali della programmazione applicata all’arte.

Cosa troverete nel corso

  • Spiegazioni semplici e progressive;

  • esempi commentati e modificabili;

  • progetti creativi da realizzare passo passo;

  • collegamenti con Arduino e dispositivi esterni;

  • suggerimenti per l’uso didattico in classe.

… e se così non sarà scusatemi, inoltre come sapete è sempre tutto open tutto free (per uso didattico).

La pubblicazione delle lezioni non seguirà una cadenza precisa, ma conto di proporne da due a tre lezioni ogni settimana, dipenderà dagli impegni lavorativi. Procederò man mano che riorganizzo gli appunti: per la versione online saranno sintetizzati, mentre in laboratorio le attività sono più estese e articolate. In ogni caso, il materiale pubblicato rispecchierà fedelmente il percorso svolto in presenza.

Imposterò una specifica sezione nella colonna destra di questo sito in modo che possiate ritrovare velocemente tutte le lezioni.

Buon Coding a tutti 🙂

Nessun articolo correlato.