Con Processing, scrivi programmi per computer che generano immagini e animazioni.
Processing è un linguaggio di programmazione progettato per colmare il divario tra programmatori e artisti. È facile da imparare e ha potenti funzioni grafiche.
I programmi possono reagire in modo interattivo all'utente, possono elaborare immagini video, introdurre elementi come casualità o rumore, reagire alla musica e simili. Opere d'arte basate sulla lavorazione sono già state esposte al Museum of Modern Art di New York e al Victoria and Albert Museum nel Regno Unito. È stato utilizzato per videoclip e spot pubblicitari. L'elaborazione stessa viene eseguita sul tuo PC sotto Windows o Linux. Ma esiste anche una variante che gira direttamente su Internet, si chiama "p5js".
Se vuoi provare Processing, la cosa migliore da fare è aprire l'editor online di P5js a questo indirizzo: editor.p5js.org. Sulla sinistra puoi vedere l'area in cui è scritto il programma. Alcune righe di codice sono già fornite lì. Sulla destra puoi vedere cosa risulta da questo codice.
Inizia con qualcosa di molto semplice. Ad esempio, puoi ottenere una linea retta con questo comando:
linea (larghezza / 2, 0, larghezza / 2, altezza);
Copia il comando nell'editor online nella funzione Disegna in modo che la funzione assomigli a questa:
funzione draw() {
sfondo (220);
linea (larghezza / 2, 0, larghezza / 2, altezza);
}
Se ora fai clic sul pulsante di riproduzione in alto a sinistra, apparirà una linea verticale nell'area a destra. Hai già scritto il tuo primo programma di elaborazione e l'hai messo in funzione!
Se il sistema ti piace, scarica Processing per il tuo sistema operativo ed esplora gli esempi forniti, che puoi trovare nel menu "File". Che ne dici di un effetto particellare, per esempio? Puoi trovarlo negli esempi sotto "Demo / VGraphics / Particles". Carica l'esempio e fai clic sul pulsante "Riproduci" in alto a sinistra. Apparirà una finestra nera in cui è possibile utilizzare il mouse per distribuire scintille bianche.
di più sull'argomento
- in lavorazione
- P5js
