Paria) Peete ee void setup()¢ ae void draw(o{ /Se ejet pio. ta todo el //determinada cantidad } Q Tipos de variables int Variables enteas negativas y postvas. float Variables decimales oflotantes, negatvas y postive. boolean Variables do valor: TRUE o FALSE. Variables para guardar color char Variables para guardar caractores, string Variables para guardar cadonas de text. @ Funciones basicas 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 consola inferior 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, smousex DDevueWve a posicién dol puntoro del mouse en el ej X nouseY DDevueWve a posicién del punto del mouse en el ee 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 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 elcolor de borde de lo que se due posteriormente noStroke() ; Indica fata de bord en fo que se citule posteriorments. #1110255); nostroke(); #2110255); stroke(@); noFA1LOs 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.eC rkeclog rv) ee Cl et color(grayscale) = color (grayscale, alpha); 199) (255) color(red, green, blue) ; mm a color(red, green,blue, alpha) ; (255,0,0) (@,255,0) (0, 0,255) metros pasados, las (255,255,0) (0,255,255) (255,0, 255) Cy Suen Mereloles arte ly x +, > 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( 0 un rotate). La unidad minima dentro del sistema de coordenadas de una pantalla de @ (102, 120) computadora, es el pixel El sistema de coordenadas tiene por tamatio en pixeles los valores © (122, 200) {que le pasamos con el sizefancho,alto) 0,0) eeu eure pushMatrix(); Guarda la matriz actual. Es dec los valores de translate . rotate y scale, A cada pushMatrx() le corresponde un popMatrx|) final popMatrix() ; Prmite volver ala ultima matriz uardada. Se necesita un pushMatix() previo para volver a una matiz anterior. 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. shearY(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, fv) 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Cy ei CV ee aid Voss a Sancta < <=== > Sa=!l= i void insultarO{ printIn("FUCK U"); } /Llamar la funeion insultarQ; 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 See void setup(ot //tnicializar el objeto miClase = new NombreClase(/*Variables*/); y void draw()C lamar un metodo del ot niClase.nonbreMetodo() ; sip syentere ete > d ae ees //Ciclo for simple for(int i = 0;i /ICicle for anidado forint i = ;i Inicializa un Pimage en un thread separado. tint(color); i OMe Configuraeltnte de ta imagen a dibuar 3 image(ing, @, 0); ) noTint(); (Quito tnte configurado saveFrane(Filenane) ; Nos quarda un screenshot de lo que vemos en el sketch CR) Neat nC) fees Se cr text (string, posx,posy) ; Nos permite mostrar un texto en pantalla, LoadFont (FileName); Iriciatza un PFont pasandole le ubicacién de la tipografa. void setup() ( pa t pograt 5 font = loadFont(”Helvetica-32.v1w") ; econ - Peer CContfiguralatipografa y el tamaio de lo que se abu. i PFont font; é } textAlign (node); 5 CConfgua eltino de aineacén: LEFT , CENTER @ RIGHT : void drawo) ¢ textLeading(size); text("Hello”, @, 0); Configurala distancia etre lineas de texto, ears i - ic te ee 5 float x; INalor de suavized eee eat) 3 ae eh aeorpentnmteet float easing = 0.05; void setup() ¢ E PShape mishape; size(22e, 120); void setup ¢ > mishape = loadShape ("ni Shape. svg"); a pecimishape sve) void draw() ¢ background(); void draw() ¢ float targetX = mousex; shape(mishape, @, @); x 45 (targetX - x) * easing; > ellipse(x, 42, 18, 10); Cen Er@ 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 hsciAtneri iinet ante Cv Jiicrssitereen 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 Sa . Fs una varia Coens Petite) pee e et 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 ? rt ee Cac) ESoets aos@ Arrays en una sola linea. int [] arrayint = { 43, -2, 8, 1); printIn(arrayInt£0]) ;// Inprine printIn(arrayInt{1]);// Imprime -2 printIn(arrayInt{2]);// Inprine 8 Ck oy tee Rorerag SEO //eclaramos un array int [1] arrayint; void setupQre /Le danos un tamanio al array arrayInt = new int(5@]; nicializanos todos los esp: for(int i = @; isarrayInt.length; i+)¢ arrayInt{i) = ) > void draw(){ /Jnprimir todos los espacios for(int 4 = @; icarrayInt.length; it+){ printIn(arrayintCil) ; Cy tierce cry ‘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. //eclaramos un array de obje Particula [] particulas; void setup /Le danos particulas ew Particula [50]; //inicializamos todos los espacios for(int i = 0; particulas. length; i+)( particulas[i] = new Particula(); > > void draw(ot ‘Llamamos una funcion di jetos for(int i = 0; isparticulas. length; i+){ particulas(i].dibujar(); > //oeclaramos un array int CIC] array20; void setup(){ 7/Le danos un tamanio al array array2D = new int[width]Cheight]; //nicializames todos los e: for(int i = 0; icwidth; ir for(int j = 0; j > void draw(>{ //inicializamos todos los espacios for(int i = @; iswidth; in){ for(int j = @; icheight; j++)¢ printIn(array20[iJ[J]); ) > >@Algunos ibros de referenci Peace Ce eae) ey ee eet Processing. Ete hear um EGAN et PROCESSING ire Es un excelente libro para comenzar Es un buen bro para complementar Esta es ota buena alterna para desde coro, abarca muchos tomas ‘con el Leming Processing, completa introducrse a Processing. Contions ‘muy Bion explead tna buena de voduceién vatiados no Coe Ce eccl Processing A programming De Preteens een Pete feed eeseeeats Es un ib orentado al te goneatvo, FRepasa muchos puntos intaesantes pees 5 ropasa obras Rechas con processing y para profundzar el aprengszae con Arduino, Cubre muchos aspactos ‘Yona con muchos eomples para Processing. eos ves, Gescarcar.Cry processing. org Web oficial de processing. openprocessing.org Comunidad abverta donde se suben sketchs de processing, 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 foo reine instalaciones digitals ytrabejos hechos con herramientas como Processing createdigitalmotion.com Uno do los blogs mas actualzados con informacién sobre nuevas medios de comunicacién, wy (AN CHEATSHEET rena teen a mec ei)