ARDUINO + PROCESSING_ PRIMEROS PASOS _ DIYMakers

8/15/2019 ARDUINO + PROCESSING_ PRIMEROS PASOS _ DIYMakers

1/19

(http://diymakers.es/)

(https://www.facebook.com/diymakers) (http://www.twitter.com/diymakers) (http://goo-

gle.com/+DiymakersEs) (https://www.youtube.com/user/DI!akerselectro"ics)

ARDUINO + PROCESSING: PRIMEROS PASOS

(#/$/$%)

En este tutorial veremos que es Processing a!ren"eremos sus #unciones m$s %$sicas & como

comunicarse con Ar"uino'

Material-&rdui"o '"o e %

DUINO + PROCESSING: PRIMEROS PASOS | DIYMakers http://diymakerses/ard!i"#$pr#%essi"&$primer#s$pas#s/

'( )*/)/,)' '-:)(


2/19

-*oftware rocessi"g (descargar a,u (http://processi"g.org/))

-*e"sor de temperatura !%#

-ed

-esiste"cia 0 ohms

)*u es Processing,

rocessi"g es u" le"gua1e de programaci2" y e"tor"o de desarrollo i"tegrado de c2digo abierto bas

ado e" 3aa. 4ue i"iciado por 6e" 4ry y 7asey eas a partir de re8e9io"es e" el &esthetics a"d 7omp

utatio" roup del !I; !edia ab dirigido por 3oh" !aeda.

'"a e< i"stalado rocessi"g e" el 7= er>is ,ue es muy similar al IDE de &rdui"o= ya ,ue este est?

basado e" rocessi"g. *olo cambia el bot2" PLAY ,ue sire para arra"car el e"tor"o creado co" el pr

ograma= y el bot2" STOP ,ue sire para pararlo.

Es muy com@" usar rocessi"g co" &rdui"o para crear u" e"tor"o de isualiis ,ue la estructura del progr

ama es muy similar a u" programa de &rdui"o. 7omo rocessi"g es u" e"tor"o de desarrollo basad

o 3aa= e9iste" muchas fu"cio"es para crear formas y Bguras isuales.

rimero de todo hay ,ue saber ,ue la pa"talla de isuali


3/19


4/19

.3&04 Escribe u" te9to e" la posici2" C= deseada.

.mousePresse"/04 4u"ci2" llamada cada e< ,ue se aprieta el bot2" del rat2".

.mouseRelease"/04 4u"ci2" llamada cada e< ,ue el bot2" del rat2" "o est? apretado.

.?e&Presse"/04 4u"ci2" llamada cada e< ,ue se aprieta u"a tecla del teclado.

.&ear/0 etor"a el ao actual del relo1 del 7

.mont;/0 etor"a el mes actual del relo1 del 7

."a&/0 etor"a el da actual del relo1 del 7

.;our/0 etor"a la hora actual del relo1 del 7

.minute/0 etor"a el mi"uto actual del relo1 del 7

.secon"/0 etor"a el segu"do actual del relo1 del 7

Ar"uino & Processing: Comunicaci@n a travs "el !uerto serie

&hora ,ue ya sabemos las fu"cio"es m?s b?sicas de rocessi"g= amos a hacer u" pe,ueo proyect

o do"de comu"icaremos &rdui"o y rocessi"g co" el puerto serie (e" este e"lace (http://diymakers.es/usa"do-el-puerto-serie-del-ardui"o/) te">is el tutorial ,ue hicimos sobre el puerto serie de &rdui"

o).

El proyecto tie"e arias partes:

-;e"emos u" se"sor de temperatura !%# co"ectado a &rdui"o ,ue e"a los datos de la temperat

ura para ,ue rocessi"g los isualice co" u" te9to y co" u" circulo al lado ,ue cambia de color seg@

" la temperatura (to"alidad a


5/19

Pre!arar Ar"uino

rimero de todo= amos a e"cargar"os del harware del &rdui"o co"ecta"do el se"sor de temperatura !%# y el ed.

Sensor tem!eratura M9B

Es u" se"sor a"al2gico de temperatura= co" u" ra"go de de -##F7 a +$#0F7 y e" su salida da $0mA p

or cada grado ce"tgrado. ara hacer la lectura de la temperatura e" grados ce"tgrados= e" el progr

ama de &rdui"o te"emos ,ue hacer u"a se"cilla f2rmula matem?tica. rimero de todo= te"emos el s

e"sor co"ectado a u"a e"trada a"al2gica del &rdui"o (,ue recordemos so" de $0 bits). El olta1e desalida del se"sor es i"terpretado por el &rdui"o co" alores (do"de 0A es 0 y #A es $0%). ara pode

r co"ertir estos alores "ueame"te a oltios= hay ,ue multiplicar el alor por # (,ue so" los # Aolti


'( )*/)/,)' '-:)(


6/19

os m?9imos de seal ,ue da el se"sor) y diidirlo por $0% ,ue es el e"tero m?s gra"de e" u" ra"g

o de $0 bits. uego te"emos ,ue co"ertir este olta1e e" grados ce"tgrados. &hora te"emos ,ue $

0mA so" $F7. *i multiplicamos estos $0mA por $00= te"dremos ,ue $A so" $F7. a formula B"al sera

la siguie"te:

Programa Ar"uino

Programa Processing

123456789

101112

13141516171819202122232425

262728293031323334

/*www.diymakers.esby A.GarcíaArduin ! "rcessin#$ "rimers "ass%u&ria' en$ (&&)$//diymakers.es/arduin)rcessin#)rimers)ass/ +(&&)$//diyma

*/

int 'ed,9-int &em)-// ariab'e sensr de &em)eraurab'ean s&a&us,- //s&ad de' 'ed

void se&u)+eria'.be#in+9600-)inde+'ed%"%-

void ')+

&em) , ana'#:ead+A0- //ee 's da&s de' sensr 35&em) , +5.0 * &em) * 100/1023.0-//;rmu'a )ara cneria'.wri&e+&em)- //n


7/19

123456789

1011121314151617181920

21222324252627282930313233

34353637383940414243444546

47484950515253545556575859

60616263

/*www.diymakers.esby A.GarcíaArduin ! "rcessin#$ "rimers "ass%u&ria' en$ (&&)$//diymakers.es/arduin)rcessin#)rimers)ass/ +(&&)$//diym

*/

im)r& )rcessin#.seria'.*- //Cm)r&ams 'a 'ibrería eria'

eria' )r&- //Embre de' )uer& serie

"rin&ri&er u&)u&- //"ara crear e' arc(i'res de' b&Hnint red,100-int #reen,100-int b'ue,100-

b'ean s&a&us,false- //s&ad de' c'r de rec&&rin# &eF&,BL ;;B-//%eF& de' s&a&us inicia' de' L

int F'#,400-//"siciHn I de 'a ima#enint y'#,50-//"siciHn J de 'a ima#en

int n&rn de rec& ne#r


'( )*/)/,)' '-:)(


8/19

6465666768697071727374757677787980818283

84858687888990919293949596

979899

100101102103104105106107108109

110111112113114115116117118119120121122

123124125126

?i''+red#reenb'ue-rec&de+:ALC- //s&a ?unciHn (ace ue id&( y Tei#(& de rec& sea e' radi +drec&+Fuadyuadruadruad-

//>reams un &eF& de c'r ne#r cn 'a )a'abra L?i''+000-";n& ? , 'ad;n&+B>a'ibri48.uand e' muse es&K a)re&ad

if +'r de' b&Hn ne#rred,100-#reen,100-


'( )*/)/,)' '-:)(


9/19

Partes m$s "estaca"as "el !rograma "e Processing

-Gay ,ue cambiar el "dice de Serial.list()[1] por el "dice correspo"die"te al puerto serie ,ue est? co-

"ectado el &rdui"o. E" la co"sola de aba1o se pude er el "dice u"a e< i"iciado el e"tor"o gr?Bco.

Houtput=createWriter(“temperatura_atos.t!t")# es el archio de te9to do"de se guarda" los datos de la

temperatura. *e guarda de"tro de la misma carpeta do"de se guarda el c2digo de rocessi"g. El "o

mbre e"tre comillas es el "ombre del archio y se puede po"er cual,uiera.

-Esta parte sire para detectar cua"do el mouse se e"cue"tra de"tro del bot2" para cambiar el esta-

do del led. *e tie"e ,ue a1ustar las coorde"adas e9actas de toda la superBcie del rect?"gulo. ;e"em

os ,ue el ce"tro del rect?"gulo est? e" la posici2" (00=00)= si le restamos el radio del rect?"gulo (,ue es 0 p9eles) te"dremos el lmite iuand se )u'sa una &ec'a

if+key,,VwVWWkey,,VV

y'#- //' '# se de)'aNa (acia arribaelse if+key,,VsVWWkey,,VV

y'#!!- //' '# se de)'aNa (acia abaMelse if+key,,VaVWWkey,,VAV

F'#- //' '# se des)'aNa (acia 'a iNuierdaelse if

+key,,VdVWWkey,,VLVF'#!!- //' '# se des)'aca (acia 'a derec(a

//"u'sar 'a &ec'a )ara sa'ir de' )r#ramaif+key,,VeV WW key,,VV

u&)u&.?'us(+- // scribe 's da&s res&an&es en e' arc(i


10/19

HP$o%t &=loa$o%t(“'aliri*+.,l-")# 7o" esta fu"ci2" podemos po"er el tipo de fue"te para el te9to. ;

e"emos ,ue ir a Tools= 'reate $o%t= seleccio"ar la fue"te deseada= pulsar Ok = y rocessi"g crear? u"

a carpeta llamada ata de"tro de la carpeta del c2digo do"de guardar? el tipo de fue"te. uego te"emos ,ue po"er el "ombre del tipo de fue"te ,ue hemos seleccio"ado de"tro de las comillas de la f

u"ci2".

HP/ma0e ima0e%=loa/ma0e(“lo0o.p0")# *ire para cargar u"a image" e" el e"tor"o gr?Bco. Dicha im

age" te"emos ,ue guardarla de"tro de la carpeta ata. E"tre comillas hay ,ue po"er el "ombre de l

a image". a siguie"te l"ea sire para determi"ar la posici2" de la image" y las dime"sio"es.

-Esta parte sire para calibrar el alor de la temperatura para isuali


11/19

-7ua"do B"ali


12/19

(http://www.facebook.com/sharer.phpLuMhttp://diymakers.es/ardui"o-processi"g-primeros-pasos/)0

(http://twitter.com/shareLurlMhttp://diymakers.es/ardui"o-processi"g-primeros-pasos/Nte9tM&D'IOP

+Q6+P7E**IOQ%&+I!EP*+&*P*+) (https://plus.google.com/shareLurlMhttp://diymakers.es/a

rdui"o-processi"g-primeros-pasos/)0 (http://www.li"kedi".com/share&rticleLmi"iMtrueNurlMhttp://diym

akers.es/ardui"o-processi"g-primeros-pasos/)0 (mailto:Lsub1ectM&D'IOP + P7E**IO: I!EP*

&*P*NbodyMQ0http://diymakers.es/ardui"o-processi"g-primeros-pasos/)

R come"tarios e" J&D'IOP + P7E**IO: I!EP*&*P*K

pio""er$% (http://graatar.com/pio""er$%) $S febrero= 0$ at %:T (http://diymakers.es/ardui"o-proces-

si"g-primeros-pasos/Ucomme"t-%)


de '( )*/)/,)' '-:)(


13/19

!uy bue"o el tutorial. !uy completo. El @"ico defecto ,ue hay es ,ue se corta" las palab

ras cua"do se cambia de li"ea.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%Urespo"d)→

DI!akers (http://diymakers.es/) ost author $V febrero= 0$ at $T:$T (http://diymakers.es

/ardui"o-processi"g-primeros-pasos/Ucomme"t-%#)racias pio""er$%. El problema co" las palabras ,ue se corta" es por culpa del 4ir

efo9. E" el 7hrome "o pasa.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%#Urespo"d)→

i"gback: &D'IOP + P7E**IO: I!EP* &*P* W tec"o W... (http://www.scoop.it/t/tec"o

/p/0$SR$TRT/0$/0%/$/ardui"o-processi"g-primeros-pasos)

i"gback: &D'IOP + P7E**IO: I!EP* &*P* - DI!aker... (http://www.scoop.it/t/ipee

/p/0$T0###%/0$/0/0R/ardui"o-processi"g-primeros-pasos-diymakers)

i"gback: &D'IOP + P7E**IO: I!EP* &*P* - DI!aker... (http://www.scoop.it/t/ticymas

/p/0$T0R$V0/0$/0/0R/ardui"o-processi"g-primeros-pasos-diymakers)

i"gback: &D'IOP + P7E**IO: I!EP* &*P* W &rdui"o ... (http://www.scoop.it/t/ardui"o-

ya/p/0S$RS$SS/0$/0V/%0/ardui"o-processi"g-primeros-pasos)

Actor (http://www.electroi"ge"io."et) # abril= 0$# at $0:0 (http://diymakers.es/ardui"o-processi

"g-primeros-pasos/Ucomme"t-T)

hola bue"as. !uy bue" tutorial me ayudara basta"te e" u" proyecto ,ue te"go ,ue hacer. hay u"a duda ,ue te"go ,ue "o he podido aclarar. 7ual es la acci2" (codigo) ,ue se le i

"dica a processi"g para decir ,ue hemos precio"ado el bot2". o ,ue ,uiero hacer= es ,u

e al precio"ar el boto" este cambie de color y al soltar el bot2" uela a su color origi"al(

i"depe"die"te de si el curso a@" esta de"tro del bot2"). Espero ,ue me haya e9plicado bi

e". *aludos estimado.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomMTUrespo"d)→

ose abril= 0$# at $: (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucom-

me"t-%0)

!uy facil amigo.

Oo i "i"gu"a fu"cio" ,ue te deuela si esta el rato" presio"ado pero lo ,ue si util

i


14/19

m$M0[ //*i "o se presio"a tomar? el alor 0

oid mouseressed()Y

m$M$[

Z // si se presio"a tomar? el alor $

7uidado co" la posicio" de la ariable boolea"a ya ,ue tie"e ,ue estar posicio"ada 1usto a"te

s de la fu"cio" oid mousepressed y "u"ca despues "i u" poco a"tesX.1usto a"tes.

'" saludo

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%0Urespo"d)→

ose abril= 0$# at $$:$# (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme"t-%

0$)

!uy facil amigo.Oo i "i"gu"a fu"cio" ,ue te deuela si esta el rato" presio"ado pero lo ,ue si utili


15/19


16/19

&"to"io % 1u"io= 0$# at $V:$% (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme

"t-%)

Estoy co" u" proyecto do"de "ecesito er gr?Bcame"te dos seales a"al2gicas de &rdui"

o para compararlas= sabeis si e9iste algu" e1emplo ya hecho.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%Urespo"d)→

ablo $$ agosto= 0$# at 0S:#$ (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Uc

omme"t-%S%)

ara hacer esto te recomie"do lo siguie"te:

E" el sketch de ardui"o= de"tro del oid loop () tie"es ,ue escribir los alores e" el

puerto serie separados por comas y aadir u" salto de l"ea al B"al de los alores.

Oo utilices el primer alor por,ue da problemas. '" e1emplo sera el siguie"te:

*erial.pri"t (0)[ // ara de1ar u" cero e" el primer alor y eitar problemas.

*erial.pri"t (J=K)[*erial.pri"t (alor_$)[

*erial.pri"t (J=K)[

*erial.pri"tl" (alor_)[ // o"emos u" salto de l"ea e" el @ltimo alor.

delay (0)[ // etraso para "o saturar el puerto serie.

E" el sketch de processig= despu>s de abrir el puerto como se ha i"dicado a"terior-

me"te po"emos lo siguie"te e" el oid draw ():

puerto.bu`er'"til(")[ // Oo se lee" los datos del puerto serie hasta ,ue aparece u

" salto de l"ea.

*tri"g cade"a_de_datos M puerto.read*tri"g'"til(")[ // &lmace"amoe e" Jcade"a_

de_datosK los datos ,ue ma"da ardui"o hasta el salto de l"ea.

if (cade"a_de_datos M "ull)Y // *i la Jcade"a_de_datosK "o est? acaX

cade"a_de_datos M trim(cade"a_de_datos)[ //X borramos de la Jcade"a_de_datosK l

os espacios e" bla"co.

i"t \ ] alores M i"t(split (cade"a_de_datos=K=K))[ //X diidimos la Jcade"a_de_datosK e

" u" array de "@mero e"teros.

if (alores.le"gth M %) Y // Despu>s de eriBcar ,ue hemos recibido los tres alores (

como sabemos el primer alor \0] es cero para eitar problemas).alor_$ M alores \$][ // &sig"amos el segu"do alor \$] a la ariable alor_$ ("o "os

debemos de olidar crearla a"tes e" el sketch de processi"g).

alor_ M alores \][ // &sig"amos el segu"do alor \$] a la ariable alor_$ ("o "os

debemos de olidar crearla a"tes e" el sketch de processi"g).

Z

Z

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%S%Urespo"d)→

mario more 1ulio= 0$# at 0R:T (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme"t-%#)


de '( )*/)/,)' '-:)(


17/19

Gola= muy bue" proyecto= podr?s e9plicarme ,ue es el tipo de fue"te y el ogo esta hech

o co" programaci2" o es u" diseo gr?Bco guardado e" ese archioL co" ,ue fu"ci2" po-

dra agregarle u" beep o so"ido e" la 7 como u"a alarma cua"do pase de cierta temper

atura. racias amigo.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%#Urespo"d)→

ablo # agosto= 0$# at :# (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme

"t-%S0)

El tipo de fue"te lo tie"es e" rocessi"g: ;ools/7reate 4o"t/7alibri (*i" se tie"e ,ue i"sertar de"tro de esta carpeta.

a alarma co" u" poco de i"ge"io la podr?s po"er.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%S0Urespo"d)→

4ra"cisco 4er"?"de< (https://www.facebook.com/app_scoped_user_id/T0R0TRST#R/) R octu-

bre= 0$# at $S:00 (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme"t-0S)

4elicidades por el tutorial: '" traba1o estupe"do.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM0SUrespo"d)→

lucia $# octubre= 0$# at $R:% (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme

"t-$)

6ue"as.

uisiera saber como hacer para mostrar la misma hora del archio t9t e" la i"terfa< de pr

ocessi"g. es decir ,ue muestre ta"to e" pa"talla como e" el archio la hora e" ,ue se gu

arde la temperatura.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM$Urespo"d)→

soldadoTT R "oiembre= 0$# at 0: (http://diymakers.es/ardui"o-processi"g-primeros-pasos/

Ucomme"t-%T)

,ue bue"a forma de apre"der o1ala siga" publica"do proyectos como este

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM%TUrespo"d)→

&le9 uerrero (https://www.facebook.com/app_scoped_user_id/$00S0SR#0#VV/) S "oiemb

re= 0$# at 0#:$ (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme"t-0)ola bue"as "oche bue" tutorial me podra por faor decir como podra mostrar dos alor

es de temperatura


de '( )*/)/,)' '-:)(


18/19

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM0Urespo"d)→

miguel T "oiembre= 0$# at 0V:$# (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Uco

mme"t-R%)

Gola= gra" traba1o= "ecesito hacer solo la lectura de la termocupla co" el dibu1or el circulo= pordrias resaltar esta parte= muy agradecido

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomMR%Urespo"d)→

i"gback: &rdui"o W earltrees (http://www.pearltrees.com/tec"oelpalo/ardui"o/id$0#R

/item$RS0$$%)

!ario $R diciembre= 0$# at $0:$V (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Uco

mme"t-S)

;e felicito por el tutorial= muy claro= me ha serido. '" abra co" ardui"o y ahora eo la

posibilidad de i"terfa< gr?Bca co" la 7. 6ue"simo.

*aludos.

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomMSRUrespo"d)→

icardo $ febrero= 0$R at $S:T (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucom-

me"t-#0)

Gola. Estoy hacie"do mi tesis sobre arte ge"eratio e" rocessi"g y pie"so usar se"sores

de moimie"to y presi2" y mi duda es si te"go ,ue usar la i"terfa< de &rdui"o para pode

r aplicarlos= au",ue creo ,ue lo obio es ,ue s. *aludos

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM#0Urespo"d)→

carlos $ febrero= 0$R at $:0 (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomm

e"t-#$)

se puede hacer ,ue desde la matricial de "umero del ardui"o pueda escribir e" word o e

" facebook e" mi compu= algo asi como co"ertir mi ardui"o e" u" teclado para la compu

espo"der (http://diymakers.es/ardui"o-processi"g-primeros-pasos/LreplytocomM#$Urespo"d)→

ose $ febrero= 0$R at $:$# (http://diymakers.es/ardui"o-processi"g-primeros-pasos/Ucomme"t-#$%)

Gola ricardo. *obre usar se"sores de moimie"to y presi2" "o te hace falta el hardware d


de '( )*/)/,)' '-:)(


19/19

&ll rights resered. W Desig" by Ppe"7ode< (http://www.ope"code

ARDUINO + PROCESSING_ PRIMEROS PASOS _ DIYMakers

Documents

Transcript of ARDUINO + PROCESSING_ PRIMEROS PASOS _ DIYMakers