open srattack com UR 2a ta una vez, a pio. void draw(o{ Se ejecuta todo //determinada car } Q Tipos de variables int Variables enteras negativas y postvas. float Variables decimales oflotanes, negatwvas y posiiva. boolean Variables de valor: TRUE 0 FALSE. Variables para guardar colox char Variables para guardar caractores, string Variables para guardar cadonas de text. Cv iene size(ancho, alto) ; CConfigura el tamaiie dela ventana de trabajo en pixeles. background(color) Indica et color con el que se aibuia el fondo, smooth() Aplica un suavizado al sketch (antialiasing FrameRate (fps); CContigura las frames por segundo (FPS) de la aplicacion printIn(string); Inmprime una cadena de texto en la console infer Getta oy rrandom(low, high) ; Nos devuelve Un valor random entre dos umbrates randonSeed(seed) ; ‘Cambia el seed del rancom, noise(valor); Nos devuelve un valor de una secuenecia con Pern Noise. noiseDetail (octaves) ‘Alusta el nivel de detalleproducido por la funcién noise. noiseSeed(seed) ; Gambia al seed del noise width Devuolve ol valor en pixeles del ancho del sketch height Devuelve ol valor en pixeles del alto del sketch, mouseX DDevueWve a posicién dol puntoro del mouse en el ej X nouseY DevueWve a posicién del punter del mouse en el prousex Devuelve la posicién anterior del puntero del mouse enol ojo X ¥. prouseY Devuelve a posicién anterior del puntero del mouse en el ejeY. frameCount Devuelve l frame actual del sketch, FrameRate DDevuelve la velocidad en FPS de nuestro sketch TVA cee Mure cc Sree Fill(color); CContigura el color de relleno de o que se cibuje posteiormente, noFil1(); Inca fata de releno de io que se dibujo posteriormente. stroke(color); CConfigura el color de borde de lo que se dou posteriormente noStroke() ; Indica fata de bord en fo que se citule posteriorments. #1110255); nostroke(); #2110255); stroke(@); ee Reg colorMade (mode) ; Nos permite cambiar el modo de color por ejemplo HSB © RGB. red(color); Nos devuelve al valor de rojo de un colo. green(color) Nos devuslve al valor de verde de un color. blue(color) ; Nos devuelve el valor de azul de un color hue color) ; Nos devuelve el tono de un colo, saturation(color); Nos devuelve la saturacién de un color brightness(color); Nos devuelve el brilo de un color. alpha(color) Nos devuelve el valor de transparencia de un color. lerpColor (colort ,color2, cantidad) ; Nos dewuelve un momento de a mazcla de dos colores. noFA1LOs stroke(@)eC rkeclog rv) ee Cl et color (grayscale) = color (grayscale, alpha); 199) (255) color(red, green, blue) ; ml a color(red, green,blue, alpha) ; (255,0,0) (@,255,0) (0,0, 255) hl eel (255,255,0) (8,255,255) (255, @,255) Cy I curene eMereloles arte ey Xo yi? EI (0,0) en un sketch de processing es la esquina superior izquierda, este eje es el que se cambia cuando hacemos un translate() o un rotate(). La unidad minima dentro del sistema de coordenadas de una pantalla de @ (102, 120) 4 computadora, es el pixel ET sistema de coordenadas tiene por tamaio en pixeles los valores © 122,200) {que le pasamos con el sizefanchoalt). (2,8) pushtatrixO; Guarda a matiz acta, Es der os valores de variate, rotate y sal, A cada pushMath) le comesponde un popMat) al popMatrix(); Perit vor al tira ratiz uardada. Se necesta un pushin) previo para oer au at arr. printMatrix(); Inmprime la matia actual en la console. translate (posx, posy) "Mueve el punto de cla a un determinado punto. Después de esta funcién el (0,0) es la posiclin pasada. rotate(radians) ; Cambia la rtacién del plano en base al ej. scale(x,y) Escala el plano, afecta a los tamatios de todo lo cibujado en el plano, También pueden pasarse : scale(xy.2) 0 scale(multiplo) shearX(radians) ‘plea un shear en elle X. shear¥(radians) ; Aglica un shear on ol ee Y. rotatex(radians) ; ‘Aplca una rotacin en ol eje X . Es vido s6lo en ambientes 30. rotateY (radians) ; ‘Aplca una rotacin en ol eje Y . Es vido s6lo en ambientes 30. rotateZ(radians) ‘Aplca una rotacin en el ejeZ. Es valido s6lo en ambientes 3D. pushstyle() ; Guarda ol estio actual de fil, stroke) int) srokeWeight),strokeCap),strokeJoin), imageMode),reciMode), slipseMode), shapeMode), colorMode), textAlgng, textFont), texiMode), textSio),toxtLeadingd, emissive, specular), shininessd, ambient, popStyle(); Wuelve al estado de estilo anterior.plete Perey ern Sai Peta) OUST uc point (posx, posy); Dibuja un punto en pantalla, quad(x1,y1 x2, y2,x3,y3,x4, y4) 5 Dibuja un cuadrlatoro en base a fa cuatro posiciones que le pasemos, arc(posx,posy, width, height, startangle, endangle) ; etc es ral Di es ies Dibuja un arco en base al posicén , el tamafoy dos varlables angulares en ragianes triangle (xt, y1,x2,¥2,x3,y3); Dibuja un iéngulo en base alas res posiciones pasadas. YY bezier(x1, yl, x2, y2, x3, y3, x4, yA) Dibuja una curva Bezir. 1 y 4 Son los anchor point, 2y 3 son los contol point. bezierDetail (nivel); Confgura el nivel de detalle de las curvas Bezier. bezierTangent(a, b, c, d, momento); Devuelve la tangente del momento de una Bezier. bezierPoint(a, b, c, d, momento); Dewwelve la posicién en un ee del momento de una Bezier. curve(xt, yl, x2, y2, x3, y3, x4, y4); Dibuja una curva.1 y 4 son los control point, 2y 8 los pont. curveTightness (tightness) ; Establece la tension de las curvas posteriores. curvePoint(a, b, c, d, t); ‘Devuelve la posicién en un eje del momento de una curva curveTangent(a, b, c, d, t) Dewwelve la tangente del momento de una curva. curveDetail (detail); ‘Setea el nivel de detalle de as curvas, rv) beginShape() y endShape( ) beginshape(); ‘Comienza a escuchar vertices para armar una forma. Su uso es finaizado al lamar un endShape(). Puede pasarse un modo. endShape() ; Termina de escuchar os vértices pasados, ver tex(posx, posy); Dibuja un vétice en la posicén incioada, bezierVertex(x2, y2, x3, y3, x4, y4); Define un vértice en base a una curva Bezier. curveVertex(x, y); Define un vérice en base al punto de una curva, texture(PImage) ; Determinalatextura de loque se aibuia. beginContour(); CComienza a escuchar vétices para restr una forma a otra. endContour(); Deja de escuchar los vértices de resta@ Estructura de una funcién CV eee any Voss a Sancta < <=== > Sa=!l= i void insultarOt printIn("FUCK U"); } /Llamar la funeion insultar(Q; PCE CE Roy class NombreClase} : Nowbreclase(/#varables#/)( @ Estructura condicional ‘Constructor } if (condiciont){ : //Si se cumple 1a condicion 1 z void nonbreMetodo(/*Variables+/)¢ Jelse if (condicion2)¢ 118i se cunple 1a condicion 2 > Jelset : 710e Io contrario 3 ? //declarar un obje NonbreClase miClase; Las void setup(t //tnicializar el objeto mniClase = new NonbreClase(/*Variabless/); y @ Estructura whi void draw()( lamar un metodo del ot niClase.nonbreMetodo() ; sip apeniiere ete > d ae ees //Ciclo for simple for(int i = 0;i /ICiclo for anidado for(int i = 0;i Neat nC) fees Se cr PFont font; void setup() £ font = loadFont(”Helvetica-32.v1w"); - textFont(font, 32); « y : void draw() ¢ text ("Hello”, 0, 0); Nee erat} E PShape mishape; void setup() £ mishape = loadShape("'miShape. svg"); y void draw() ¢ shape(nishape, @, @); Er feet erecta Cy ere ac image img, posx, posy, width, height) ; Nos permite dibujar una imagen en pantalla LoadTmage(fileNane) ; Iricialza un Pimage pasdndole la ubieacién dela imagen, requestImage (fileName) ; Iniciatiza un Plmage en un thread separado, tint (color); Configuraeltnte de ta imagen a dibuar noTint(); (Quito tnte configurado saveFrane(Filenane) ; Nos quarda un screenshot de lo que vemos en el sketch CR) text (string, posx, posy) ; Nos permite mostrar un texto en pantalla, LoadFont (FileName); Iriciatza un PFont pasandole le ubicacién de la tipografa. textFont (font, size); CContfiguralatipografa y el tamaio de lo que se abu. textAlign (mode) ; CContigura el tno de aineacién: LEFT , CENTER o RIGHT textLeading(size); CConfiguala distancia entre lineas de texto. OU Reg eck eee ney float x; (Nalor de suavizad: float easing = 0.05; void setup() ¢ size(22e, 120); > void draw() ¢ background(e); float targetX = mousex; x += (targetX - x) * easing; ellipse(x, 42, 10, 10); Cee@ Captura de eventos i void mousePressed() Se ejacuta cuando se presiona el mouse. void mouseClicked() Se ojacuta cuando al mouse fue presionado y soltado. void mouseMoved() Se ejecuta cada vez que el mouse se mueve sin estar presionado. void mouseDragged() Se ojecuta cada vez que el mouse se mueve estando presionado, void mouseReleased() Se ejacuta cuando el mouse deja de estar presionado, void keyPressed() Se ejecuta cuando se presiona una tect. void keyTyped() Se ojecuta cuando se presiona una tela , excoptdando por ejemplo SHIFT , CTRL, o ALT. void keyReleased() So ojoc sionar una tect. Pears Aira cu) ute rely) Cv hsiAtneri iinet Cv Jiicresatersen ct ie void draw() ¢ void draw() { if (keyPressed if (mousePressed Fi11(@); //Esta presion fil1(@); //Esta presionado } else ¢ D else € : Fi11(255); //No esta presionada #i11(255); //No esta presion : , ) rect(25, 25, 50, 50); rect(25, 25, 50, 50); , , er Sea . Fs una varia Sens Petit) poet TO Let) nice een void draw() { void keyPressed() { 2 if (keyPressed) ( if (key == CODED) ¢ if (key == 'b' |] if (keyCode == UP) { g Si esta presionada la tecla // Si esta presionada 1a tecla arriba : } } else if (keyCode == DOWN) { y else ¢ // Si esta presionada la tecla ab: : // De lo contrari > y } else ¢ ) // be lo contrario. 3 2 ? 5 una te CR Rac) Soest aes(Arrays en una sola linea. int [] arrayint = { 43, -2, 8, 1}; printIn(arrayInt£0]) ;// Inprine printIn(arraytnt£1]);// Imprime -2 printIn(arrayInt{2]);// Inprine 8 @ Eitctce eos arrays ance tee Rorerag SEO //Peclaramos un array int [1] arrayint; void setup(r( /Le danos un tamanio al array arrayint = new int(5@]; nicializanos todos los esp: for(int i = @; isarrayInt.length; i++)¢ arrayInt{i) = ) > void draw(){ /inprimir todos los espacios for(int 4 = @; icarrayInt.length; it+){ printIn(arrayintCil) ; Cy cre ocr) ‘append(array, value) ; ‘Agrega un valor a un arregl. arrayCopy(sre, srcPos, dst, dstPos, length); Copia un array o parte de uno, hacia otro ‘concat (a,b); Concatena dos arrays. expand(array,newsize) ; Expande el valor de un array. reverse(array); Fvierte el orden del aray shorten(array); Festa un espacio @ un array, sort(array); (Ordena un array de menor a mayor splice (array, value/array, index) ; Inserta un valor 0 un array dentro de otro en un indice. subset(array, start, count) Extrae un array en base alos espacios de otro. //peclaramos un array de obje Particula [] particulas; void setup(r( /Le danos particulas new Particula [50]; //inicializamos todos los espacios for(int i = 0; particulas.length; i+)( particulas[i] = new Particula(); > > void draw(ot ‘Llamamas una funcion di etos for(int i = @; isparticulas. length; i+){ particulas[i].dibujar(); > //0eclaramos un array int CIC] array20; void setup(){ 7/le danos un tamanio al array array20 = new int[width]Cheight]; //nicializames todos los e: for(int i = 0; icwidth; ir for(int j = 0; j > void draw(>{ //inicializanos todos los espacios for(int i = @; iswidth; in){ for(int j = @; icheight; j++)¢ printIn(array20[iJCi]); ) > >@QAlgunos ibros de referenci Peace Ce eae) ey ee eet Processing. Ete hear um EGAN lass aries Bec esecec tte eat tae odlcies a rosea conene may ble ert the bis do newsisa vatadoe oo Coe Ce eccl Processing A programming De Preteens een ‘Se trata oe una introduccién @ Es un bro orentado al arte goeratvo, Fepasa muchos puntos inteesantes perce On mae ropasa obras Rechas con processing y para profundzar el aprengszae con Arduino, Cubre muchos aspactos ‘Yona con muchos eomples para Processing. eos ves, Gescarcar.openprocessing.org Comunidad abierta donde s wiki.processing. org Wiki oficial de processing forum. processing. org Foro ofeial de processing vimeo. con/channels/processing Canal de processing en Vimeo. flickr.com/groups/processing/ Flickr de processing. creativeapplications.net Este foro rene instalaciones digitale y trabsjos hechos con herramientas como Pr createdigitalmotion.com Uno do los blogs mas actualzados con informacion sobre nuevos medios de comunic Joon sketchs de processing, wy WUT U eA VAN 9 eee ey Cer eMeme M Recerca erst ot