Contents:
Write a customer review. Amazon Giveaway allows you to run promotional giveaways in order to create buzz, reward your audience, and attract new followers and customers. Learn more about Amazon Giveaway. Le basi per tutti Italian Edition. Set up a giveaway. There's a problem loading this menu right now. Learn more about Amazon Prime. Get fast, free shipping with Amazon Prime. Get to Know Us. English Choose a language for shopping. Explore the Home Gift Guide. Amazon Music Stream millions of songs.
Amazon Advertising Find, attract, and engage customers. Amazon Drive Cloud storage from Amazon. Alexa Actionable Analytics for the Web. AmazonGlobal Ship Orders Internationally. Amazon Inspire Digital Educational Resources.
Amazon Rapids Fun stories for kids on the go. Possiamo infatti vedere che sia il quadrilatero che il cerchio hanno lo stesso riempimento. Le forme grafiche hanno altri valori di default. Ad esempio disegnando le forme geometriche notiamo che il bordo della forma ha un colore e uno spessore. Da notare un aspetto importante: Quando invece digitiamo un comando che per Processing significa qualche cosa es: Diversi altri parametri permettono di intervenire sulle forme geometriche ma per ora abbiamo visto quelli essenziali e possiamo procedere oltre nel nostro percorso di addestramento alla programmazione.
In pratica Processing legge i programmi che abbiamo fatto fino ad ora come noi leggiamo i contenuti di un libro. Abbiamo visto anche il concetto di variabile. I disegni che abbiamo fatto fino ad ora sono molto semplici e sopratutto sono statici. Questa tipologia di problematiche: Partiamo da un caso molto semplice: Premendo RUN vediamo sette punti a intervalli rogolari che attraversano lo schermo in senso orizzontale.
Proviamo quindi a trasformare in variabile anche questo coefficiente, chiamandola coefficiente. Comunque un primo vantaggio possiamo coglierlo dal fatto che osservando con attenzione lo sketch vediamo che le istruzioni sono sempre uguali.
Infatti le due righe di istruzione: La logica della programmazione informatica sta esattamente in questi passaggi: La programmazione in Processing ci permette quindi di evitare di scrivere infinite operazioni descrivendole una ad una. Mandando in RUN lo sketch completo vediamo che Processing disegna 90 punti e poi inizia a disegnare delle linee.
Inoltre le parentesi sono sempre legate, quindi se si apre una parentesi tonda si deve chiudere la parentesi tonda. Quando si apre una graffa si deve chiudere la graffa. Programmare le animazioni Le istruzioni che abbiamo visto fino ad ora ci hanno permesso di capire i principi base della programmazione. Le forme grafiche hanno sempre delle coordinate e dei valori colore, spessore Riconfiguriamo ora lo Sketch realizzato precedentemente dandoci un nuovo obiettivo.
Per ottenere questo nuovo effetto dobbiamo utilizzare le istruzioni che permettono di gestire le funzioni: Qualora invece volessimo avere un effetto di spostamento del punto dovremmo ad ogni nuovo frame cancellare il punto creato nel fotogramma precedente. Mandando nuovamente in RUN lo Sketch modificato notiamo che il punto del frame precedente scompare ed abbiamo un effetto di movimento anche se molto a scatti e lento.
Continuando a modificare questi due parametri possiamo capire sempre meglio il loro uso. Farsi in casa una funzione I processi base della programmazione sono stati introdotti. La programmazione in Processing permette anche di definire delle funzioni da richiamare quando se ne ha bisogno.
Ad esempio possiamo definire una funzione che disegna due punti che si muovono da sinistra a destra. Costruisco una funzione come segue: Pertanto una volta definite potranno essere utilizzate molte volte. Variabili, funzioni, interazioni if e cicli rapresentano la base della programmazione. Infatti 8 bit permettono di ottenere 28 combinazioni diverse da 0 a Processing utilizza 8 bit per classificare ognuno dei tre colori primari del metodo RGB.
Vediamo prima di tutto un semplice Sketch per capire meglio il metodo: Ne consegue che se impostiamo tutti e tre i parametri al mimimo otteniamo il nero 0, 0, 0. I tre numeri hanno una posizione fissa, il primo indica il Rosso, il secondo il Verde e il tezo il Blu.
Di seguito una breve tabella con alcuni esempi di colore ottenuti attraverso il metodo RGB: Ad esempio per tornare allo Sketch precedente potremmo stabilire di voler disegnare un cerchio bianco con bordo rosso. Trasparenza Processing permette anche di gestire un quarto parametro per gestire i colori.
Il caso Quando si realizza arte con il computer i colori sono ovviamente determinanti. Tutti gli eventi a partire da un lancio di moneta o di dado possono essere gestiti attraverso la generazione di un evento casuale nel computer. Mandando in RUN lo Sketch vediamo che ora i punti si spostano sempre da sinistra a destra ma procedendo in modo irregolare a volte hanno delle accelerazioni mentre altre volte procedono lentamente. Pertanto i punti si sposteranno anche leggermente in alto o in basso durante il loro consueto movimento verso destra.
Sembreranno volare come due mosche. Osservando i cicli e le funzioni abbiamo capito che possiamo assegnare le coordinate di queste forme geometriche a delle variabili anche casuali.
Processing permette anche di generare delle curve secondo un metodo detto di Bezier. In pratica possono essere dichiarate, oltre ai due punti di inizio e fine della curva, anche le tangenti ai due punti. Vediamo un esempio scrivendo il seguente Sketch e mandandolo in RUN: La seconda e la terza coordinata indicano invece le tangenti. Per capire meglio cosa siano le tangenti consiglio di aggiungere due istruzioni in grado di visualizzarle: Semplificando possiamo vedere la curva di Bezier come se fosse un elastico: Per avere prova della desrcizione appena effettuata scrivete la seguente istruzione: Attraverso questo metodo possiamo disegnare praticamente qualunque tipo di cur va.
Lo Sketch di seguito ci mostra il variare di una curva di bezier al variare delle coordinate delle tangenti: I vettori sono delle variabili concatenate in sequenza. Nel caso in cui si vogliano immagazzinare 50 informazioni usando le variabili sarebbe necessario inizializzare 50 diverse variabili. Troviamo i vettori praticamente in tutti i linguaggi di programmazione.
Successsivamente abbiamo due altri cicli. Se togliamo questa istruzione vedremo che le curve si sovrapporranno progressivamente andando a formare dopo diversi secondi un intero spicchio nero.
Probabilisticamente potrebbero passare anche diversi minuti senza che la funzione random generi un numero. Per assegnare un carattere a una variabile si scrive: Per assegnare una parole o una frase a una variabile si scrive: Da ricordare che i comandi di Processing debbono essere scritti tenendo conto anche di maiuscole e minuscole. Se ad esempio scriviamo: Ad esempio se scriviamo: Se ad esempio associamo due variabili a due diverse parole, successivamente possiamo attaccare sommare le due parole.
Caratteri sullo schermo Processing utilizza i font che sono stati precedentemente dichiarati.
Infatti Processing utilizza solamente tipi di carattere in formato VLW. Dando questo comando si apre una finestra nella quale compare la lista dei caratteri installati nel proprio computer. Mentre con la linea di comando: Tutte le istruzioni che abbiamo visto fino a questo punto ci hanno permesso di comprendere i principi fondamentali della computergrafica bidimensionale. Le forme che abbiamo disegnato fino ad ora sono relativamente semplici. Abbiamo visto con le curve di Bezier come sia possibile disegnare qualunque tipo di curva utilizzando 4 paramentri.
Vediamo ora prima di tutto come animare le forme grafiche.