Visualizzazione post con etichetta programmazione. Mostra tutti i post
Visualizzazione post con etichetta programmazione. Mostra tutti i post

sabato 21 febbraio 2015

Processing - Rosso, Verde, Blu

Con questo programma scritto tramite Processing, "Rosso, Verde, Blu", ho voluto mettermi alla prova per vedere a che livello di programmazione fossi arrivato con questo linguaggio. Il programma di per se è molto semplice, attraverso tre barre, una rossa, una verde ed una blu, è possibile variare il valore del relativo colore da un minimo di 0 ad un massimo di 255 (il valore impostato è visualizzabile attraverso un numero posto all'interno delle barre), visualizzando il risultato tramite un cerchio posto alla destra delle tre barre. In più sono presenti due pulsanti per colore, uno con il testo "min", posto al di sotto, per riportare a zero il valore del colore, e l’altro con il testo "MAX", posto sopra, per portare al massimo il valore del colore, ovvero 255.

giovedì 19 febbraio 2015

Processing - Impariamo a scrivere

Ora vediamo come introdurre del testo nei nostri programmi  Prosessing, basta pochissimo. I comandi necessari sono essenzialmente tre, di cui due vanno inseriti in void setup(); il primo riguarda il "font" che vogliamo utilizzare (il font è il tipo di carattere, ad esempio Verdana, Times New Roman, Comics, ...) con la sua relativa grandezza:

textFont(createFont("nome del carattere", grandezza del carattere);

Altro comando che possiamo inserire nella prima parte del nostro programma, non è obbligatorio inserirlo, è:

textAlign(LEFT/CENTER/RIGHT);
questo comando ci permette di decidere la formattazione del testo se lo vogliamo a sinistra, a destra oppure al centro rispetto al punto che andremo ad inserire per la posizione del testo; LEFT allinea il testo sinistra, CENTER posiziona il testo centrato rispetto al punto e RIGHT allinea il testo a destra.

Nella parte di programma void draw() per inserire il testo vero e proprio dobbiamo scrivere il comando:

text("testo", X, Y);
X e Y sono le coordinate rispetto alle quali il programma posizionerà il testo; ricordarsi che il testo è sempre tra doppie virgolette.

Andiamo a creare un semplice programma per vedere come funziona il tutto, creiamo una finestra 200x100, vogliamo che venga visualizzato il testo "Hello world!" con il carattere Verdana e con una grandezza di carattere 20. Posizionare il testo con le coordinate che corrispondono al punto centrale della finestra (100;50) e scrivere anche le varie formattazioni del testo tramite il comando "textAlign".

martedì 17 febbraio 2015

Processing - Primi passi nell'ambiente di sviluppo

Dopo aver scaricato sul nostro computer Processing (link per il download), apriamo il file compresso e adiamo a vedere com'è l'ambiente di sviluppo:
come potete notare l'interfaccia di programmazione, per chi ha già provato a programmare con Arduino, è identica all'IDE della scheda Open Source, se non una piccola diversità da punto di vista dei colori.


Nella parte in alto a sinistra abbiamo, FILE, se cliccato sopra ci uscirà una finestrella con i comandi salvataggio, di stampa, apertura di un nuovo file e anche degli esempi che ci potranno essere sempre utili per andare a ricercare strutture di codice che non ci ricordiamo oppure di utilizzare nuove funzioni e vogliamo vedere come esse funzionano.
EDIT raccoglie tutti i comandi di copia, incolla, ritaglia, etc etc. SKETCH per la compilazione del programma. TOOLS racchiude gli strumenti come il
selezionatore di colore, il quale fornisce il codice da inserire nel programma per ottenere il colore scelto, poi è presente anche la selezione del tipo di carattere di testo. In fine il comando HELP per darti una mano.


Sotto di questi troviamo (da sinistra verso destra) varie scorciatoie:

  •         RUN – avvia il programma
  •         STOP – termina il programma
  •        NEW – apertura di un nuovo file
  •         OPEN – apre un file precedentemente compilato
  •         SAVE – salva le modifiche apportate al programma
  •         EXPORT APPLICATION – permette di esportare il programma creato in modo tale da poterlo aprire senza entrare prima nell'ambiente di sviluppo (il programma può essere esportato per Windows (32/64 bit), Linux e Macintosh)


Abbiamo visto come si presenta l’ambiente di sviluppo, il prossimo passo sarà la visione dei comandi per la compilazione di semplici programmi che riguarderanno il disegno di forme geometriche (linee, triangoli, quadrilateri, etc etc) per poi passare all'interazione con mouse e tastiera fino ad arrivare ad interfacciare Arduino e PC tramite un’interfaccia grafica realizzata con Processing.


<<Pagina precedente                                                                  Pagina successiva>>

Processing - Presentazione

Internet è un calderone di conoscenza all'interno del quale si può trovare qualsiasi cosa; fonte di conoscenza dalla quale ci si può informare e imparare una miriade di cose. Navigando su internet tra siti e video su YouTube sono venuto a conoscenza di metodi per l'interfaccia tra Arduino e il PC. Il primo metodo che ho trovato è stato quello di utilizzare LabWiew, programma di National Intruments, l'ho trovato molto interessante guardando video di progetti e tutorial. C'è solamente un unico inconveniente, il programma è a pagamento, per questo ho continuato la ricerca di un'altra possibilità.Continuando la ricerca ho trovato PROCESSING (sito http://processing.org). Mi ha subito intrigato la possibilità di creare interfacce grafiche e animazioni senza avere una conoscenza approfondita nel codice, cosa che richiedono altri linguaggi di programmazione ( es. C, C++, Java); altro aspetto che mi ha colpito e che cercavo è la possibilità di creare programmi che permetto di interfacciarsi, dal nostro PC, con Arduino. Insomma, quello che cercavo! Tutto ciò mi ha spinto ad informarmi sempre di più su forum, siti dedicati a progetti e video tutorial fino ad arrivare al punto di scaricare l'ambiente di programmazione e iniziare a lavorarci un po’.



Ma prima un pochino di storia...Processing è stato creato da Casey Reas e Ben Fry, sviluppato con il precisoscopo di rendere molto semplice l'interazione con elementi grafici (realizzazioni diimmagini, animazioni ed interazioni) che con altri linguaggi di programmazione, come C++ e Java, diventa tutto molto complesso richiedendo al programmatore un alto livello di conoscenza dell'ambiente di sviluppo. Altro obbiettivo che Casey e Ben si erano prefissati era quello di creare un linguaggio per insegnare agli studenti di arte e di design come programmare e fornire agli studenti di scuole tecniche un modo semplice per lavorare con la grafica.Il software in fase alpha è stato rilasciato nell'agosto del 2002 fino all'aprile del 2005, e poi in beta pubblico fino al novembre del 2008. Durante questo lasso di tempo Prosessing è stato utilizzato in classi di studenti e da migliaia di persone nel mondo. I due creatori hanno sviluppato anche un sistema di estensione del software chiamato LIBRERIE (proprio come per Arduino) permettendo così alle persone di espandere questo novo linguaggio di programmazione. Il 29 novembre 2008 uscì la versione 1.0 del software.

Se conoscete già Arduino e come si programma troverete molte famigliarità tra l'ambiente di programmazione di Processing e di quello della più famosa scheda di prototipazione rapida. Per chi invece non avesse dimestichezza o non sapesse neanche cosa sia Arduino, non vi preoccupate, il linguaggio di programmazione di Processing è molto semplice ed intuitivo.