processing Tutorial
Iniziare con l'elaborazione
Ricerca…
Osservazioni
L'elaborazione è un linguaggio di programmazione open source e un ambiente per le persone che desiderano creare immagini, animazioni e interazioni.
L'elaborazione si riferisce al linguaggio costruito su Java e al minimo IDE con cui viene fornito. È gratuito e open-source, funziona su Linux, Mac OS X e Windows e può essere utilizzato per schermate, stampe, pacchetti 3D e stampa CNC.
Il linguaggio semplifica molti concetti complessi e facilita l'ingresso di designer, artisti e non programmatori nel mondo della programmazione.
Nel corso degli anni è stato utilizzato per produrre una serie di progetti che vanno dalla visualizzazione dei dati , al calcolo fisico , ai giochi , al 3D , al suono , alla perfomance dal vivo e altro ancora .
Grazie alla sua vibrante comunità, Processing non solo gode di un contributo di oltre 100 librerie, ma è anche presente sulle principali piattaforme mobili come Android e iOS .
Esistono community online per la condivisione di contenuti di elaborazione, come OpenProcessing .
Alcuni siti Web consentono anche agli utenti di apprendere e utilizzare Processing direttamente nel browser, come SketchPatch basato su Flash e HasCanvas , Sketchpad e p5.js (puro JS) basati su JavaScript.
Esistono anche porte di elaborazione nelle seguenti lingue:
- JavaScript che utilizza ProcessingJS o p5js
- ActionScript
- Python (vedi NodeBox , Field , pyProcessing o la nuova modalità Python ufficiale)
- Scala
- Clojure
- Rubino
La modalità Android consente di eseguire gli schizzi di elaborazione come applicazioni Android con modifiche minime o nulle nel codice, automatizzando le attività dalla configurazione del progetto all'output del file .apk . Gli schizzi di elaborazione Android hanno anche accesso ai sensori e ai dispositivi Android sottostanti.
Gli utenti avanzati non sono vincolati all'IDE di elaborazione; possono impostare i progetti di elaborazione in Eclipse ; usa il proclipping o, in alternativa, usa Sublime Text per costruire ed eseguire sketch tramite il pacchetto processing-sublime .
Versioni
| Versione | Data di rilascio |
|---|---|
| 1.5.1 | 2011-05-15 |
| 2.2.1 | 2014/05/19 |
| 3.1.2 | 2016/07/29 |
| 3.2.1 | 2016/08/19 |
Installazione e configurazione
Il modo più semplice per utilizzare l'elaborazione è scaricando l'editor di elaborazione dalla pagina di download di elaborazione .
Quello è come un file zip. Scompatta quel file ovunque, e avrai una directory che contiene un eseguibile (su Windows, che è processing.exe ).
L'esecuzione di tale eseguibile apre l'editor di elaborazione:
L'editor di elaborazione (chiamato anche Processing Development Environment, o PDE) contiene molti strumenti che fanno molto lavoro per te. Ti consente di scrivere codice di elaborazione, che converte automaticamente in Java e quindi compila e esegue per te.
Il PDE contiene molte funzionalità, ma per ora basta scrivere il codice di elaborazione nella sezione bianca dell'editor, quindi premere il pulsante di riproduzione per eseguire il codice. Vedi la sezione Hello World qui sotto per qualche codice di esempio.
È inoltre possibile scrivere codice di elaborazione utilizzando altri editor di codice di base come Atom o Sublime Text o con un IDE più avanzato come Eclipse .
Ciao mondo
Il modo più semplice per scrivere codice di elaborazione è semplicemente chiamare una serie di funzioni. Premi il pulsante Esegui nell'editor Elaborazione e Elaborazione eseguirà il tuo codice. Ecco un esempio:
size(200, 200);
background(0, 0, 255);
fill(0, 255, 0);
ellipse(100, 100, 100, 100);
Questo codice crea una finestra 200x200 , disegna uno sfondo blu, cambia il colore di riempimento in verde e quindi disegna un cerchio al centro dello schermo.
Tuttavia, la maggior parte degli schizzi di Elaborazione utilizzerà le funzioni predefinite di setup() e draw() .
La funzione
setup()viene chiamata automaticamente da Processing, una volta all'inizio dello schizzo. Questa funzione viene utilizzata per eseguire l'impostazione iniziale, ad esempio lasizee il caricamento di risorse come file di immagine e audio.La funzione
draw()viene chiamata automaticamente elaborando 60 volte al secondo. Questa funzione è usata per disegnare e ottenere input da parte dell'utente.void setup() { size(200, 200); } void draw(){ background(0); ellipse(mouseX, mouseY, 25, 25); }
Questo codice crea una finestra 200x200 e quindi disegna un cerchio nella posizione corrente del mouse.
