URC AUT HRY 9 TD TyCHEAT SHEET —_,.., void setup()¢ a void drawOt ejecuta una vez, al principio a todo el tien determinada cantidad y @ Tios de variables int Variables entra negatives y positives float Vafables decimate o fotos, negates y postvs, boolean \afabes de valor TRUE 0 FALSE Vettes pra guia oor cher ‘arabes pra quarter carecoes string Varabes para quarter cadens de et, @ Funciones basicas size(ancho, alto); CConfgura e!tamario dela ventana de trabsio en pixeles. background(color); Inca el color con ol que se cibuja el fondo. smooth(); ‘Aplica un suavizado al sketch (antl asin) frameRate fps) ‘Confgura los frames por segundo (FPS) de la aplicacion, println(string) Imprime una cadena de texto en la consola inferior CEUTA randon(low, high); Nos dewuelve un valor random entre dos umbrales. randonSeed(seed) ; ‘Gambia el seed del rancom noise(valor) Nos devuelve un valor de una secuencla con Pern Noise. noiseDetail (octaves); Alusta el nivel de detalleproducido por la funcién noise, noiseSeed(seed) Cambia l seed del noise. eee oa ery width DDevuelve el valor en pixeles del ancho del sketch height DDevuelve el valor en pixeles del alto del sketch, nouseX DDevuelve Ia posicion del puntero del mouse en el ee X mouseY DDevuelve a posicién del puntero del mouse en el ee ¥ prousex Devuelve la posicién anterior del puntero del mouse en el oje X prouseY DevuoWve ta posicién anterior del puntero del mouse on el ej ¥. Framecount Devuelve el frame actual del sketch frameRate DDevuelve a velocidad en FPS de nuestro sketch Tessie esis) ei fill(color); Contigura el color de relleno de lo que se cibuje posteiormente noFill() Indica fata de relleno de lo que se dibuje posteriormente. stroke(color); CConfigura el color de borde de lo que ee dibue posteriormente nostroke() Indica fata de borde en fo que se cibuje posteriorment #1110255) #4110255) noFi1L05 nostroke) stroke(@): stroke(@) Te Reg colorMode mode) Nos permite cambiar el mode de color por ejemplo HSB o RGB. red(color); Nos devuelve el valor de roo de un colo green(color); Nos devuelve el valor de verde de un color. blue(color); Nos devuelve el valor de azul de un color hue (color) Nos devuelve l tone de un eal: 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 tansparencia de un color LerpColor(colort ,color2, cantidad) ; Nos devuelve un momento de la mezcla de dos colores.OE i @ Eiemplo de colores //a escala de valores va de @ a 255 color(grayscale); = _ color(grayscale, alpha); color(red, green,blue) ; mE color(red, green,blue, alpha); ie0) (255) (255,0,0) (0,255,0) (8, 0,255) ee (255,255,0) (0,255,255) (255,0,255) oe @ Sistema de coordenadas Xx +, ye €1(8.0 en un sketch de processing esa exquna superior urd, ete oje 68 el que se cambia cuando hacemos un translated o un rotate. La unidad minima dentro del sistema de coordenadas de una pantalla de sf @eseren | Serpe op El sistema de coordenadas tiene por tamajio en pixeles los valores @ (100,200) que le pasamos con el size(ancho,alto). = (8,8) Ce unary pushtatrix( ; Guarda la matriz actual. Es dec los valores de translate, rotate y scale. A cada pushMatrix) le correspond un popMatrix) final popMatrix(); Pormite volver ala ultima matriz quardada. Se necesita un pushMatrix() previo para volver a una maiz anterior. printMatrix(); Imprime ta matiz actual en a consol translate (posx, posy) Mueve el punto de arclale a un determinado punto. Despus de esta funcién el (0,0) es la posicién pasada. rotate(radians) Cambia la rotacién del plano en base al ej. scale(x,y); Escala ol plano, afecta a los tamafos de todo lo cibujado en el plano, También pueden pasarse : scalo(xy.2) © scale(multiptc) shearX(radians) ; ‘Aplca un shear en eX. shear¥ (radians) ; Aplica un shear en elie Y. rotatex(radians) ; ‘Aplca una rotacin en el ejeX . Es vélido s6lo en ambientes 3D. rotateY (radians) ‘Aplca una rotacion en el eje Y Es valid s6lo en ambientes 30. rotatez(radians} ‘Aplica una rotacion en @leje Z Es valdo s6lo en ambientes 30. pushStyle(); Guarda el estio actual de fil, stroke int), strokeWeight), strokeCap),strokeJoin), inageMode),rectModep, elipseMode), shapeModeo, colorMode, textAign),textFont),textMode),textSizep, textLeading), emissive), specular, shininess), ambient) popstyle(), \Vuelve al estado de estilo anterior.@ Geometria y, ancho, alto) cts een Perrone EEE ny point (posx, posy); Dibvja un punto en pantalla ‘quad(x1,y1 x2, y2,x3,y3,x4, y4) Dibvja un cuadrilatara en base la cuatro posiciones que le pasemos. are(posx, posy, width, height, startangle, endangle) ; Perot co Dibvja un arco en base a la posicién el tamafio y dos variables angulares en ragianes. triangle (xt, y1,x2,¥2,x3, 93); Dibuja un tiangulo en base alas tres posiciones pasades. @ Bezier y curvas YY bezier(x1, yl, x2, y2, x3, y3, x4, y4) Dibuja una curva Bezier. 1 y 4 son los anchor point, 2y 8 son los control point bezierDetail (nivel); Configura el nivel de detale de las curvas Beeler. bezierTangent(a, b, c, d, momento); Dewelve la tangente del momento de una Bezier bezierPoint(a, b, c, d, momento); DDewuelve la posicién en un ele del momento de una Bezier. curve(x1, yl, x2, y2, x3, y3, x4, yd); Dibuja una curva. 1 y 4'son los contol point, 2y 310s point curveTightness (tightness) Establece la tension de las curvas posteriores. curvePoint(a, b, ¢, d, t); DDewuelve la posicion en un eje del momento de una curva curveTangent(a, b, ¢, d, t); Dewelve la tangente del momento de una curva curveDetai 1 (detail); ‘Setea el nivel de detalle de las curvas. @ besinshape() y endShape() beginshape(); endshape(); Termina de escuchar los vertices pasados. vertex(posx, posy) ; Dibuja un vértice en la posicién incicada bezierVertex(x2, y2, x3, y3, x4, y4); Define un vértioe en base a una curva Bezier. curveVertex(x, y) Dotine un vértice en base al punto de una curva, ‘texture (PImage) ; CComienza a escuchar vétices para armar una forma. Su uso es, finaizado al lamar un endShape(). Puede pasarse un modo. Determina la textura de loque se oibuia beginContour(); CComienza a escuchar vertices para restar una forma a ota ‘endContour(); Doja de escuchar los vir do rosta Cees@ Estructura de una funcion @ operadores condicionales /7erear ta funcion a <-> b= void insultar( printIn("FUCK U"); } //Lamar 1a funcion insultarQ; Estructura de una clase lass Nonbreclase SER EER @ Estructura condicionat /Heonstructor d if (condicion!){ JISi se cumple 1a condicion 1 void nombreMetodo(/*Variables*/){ Jelse if(condicion2){ //Si se cumple la condicion 2. , Jelset //0e lo contrario , , //oeclarar un objeto NonbreClase miClase; void setupQoe //nicializar el objeto miClase = new NombreClase(/*Variables*/); : void dran()¢ //Uanar un netedo del objeto miclase.ronbretietodo(: Visi la condlelont es verdader ; ‘ ¢ era cane Pano te er ira Ceara {Icicle for simple for(int i = e;i void draw) ¢ image(img, @, 0); Neate) ere eon eee eee PFont font; void setup() { font = loadFont("Helvetica-32.vlw"); textFont (Font, 32); = y 2 void draw) ¢ text("Hello", @, @); cee ME ae eee PShape mishape; void setup() { mishape = loadShape("miShape. svg"); 3 } void draw() ¢ 5 shape(mishape, @, @); 3 ) ry @ Funciones de imagen ‘image (ing, posx, posy, width, height) ; Nos permite cibujar una imagen en pantalla Loadimage(fileNane) ; Iniciatza un Plmage paséndole la ubicacion dela imagen request Image (FileName) ; Iniciatza un Plmage en un thread separado. tint (color); CContfiguraeltnte de la imagen a diouar noTint(); (Quit ol tinte contigurad. saveFrame(filenane) ; Nos guarda un screenshot de lo que vernos en el sketch Cy text (string, posx, posy) ; Nos permite mostrar un texto en pantalla, loadFont (FileName) ; Inicatza un PFont pasindole la ubicacién de la ipografia textFont (font, size); CContfiguralatipografiay el tamao de lo que se cibuie. textal ign (mode) CContigura el tno de aineacién: LEFT , CENTER o RIGHT textLeading(size); CConfigura la distancia entre lneas de texto. eer Nos srve para Suaviar el paso de valores. float x; Walor de suavizado Float easing = 0.05; void setup() ¢ size(220, 120); ? void dran() { background(@) ; float targetX = mouseX; x #2 (targetX - x) * easing; Stiipse(x, 40, 10, 10);@ Captura de eventos - void mousePressed() : Se ojecuta cuando se presiona el mouse. g void mouseClicked() Se ejacuta cuando al mouse fue presionado y soltado, void mouseMoved() § Se ejacuta cada vez que el mouse se mueve sin estar presionado. void mouseDragged() Se ejacuta cada vez que @l mouse se mueve estando presionado. void mouseReleased() Se ejecuta cuando el mouse deja de estar presionado, void keyPressed() Se ejacuta cuando se presiona una tecta void keyTyped() Se ejacuta cuando se presiona una tecla exceptiando por elemplo SHIFT , CTRL, o ALT. void keyReleased() Se djecuta cada vez que se deja de presionar una tecla are A oo) Fuk err} . ar 2 iets See void dran() { void dran() { - if (keyPressed if (mousePressed == true) { f11(@); //Esta presionada fi11(@); //Esta presionado } else { } else ( £111(255); //No esta presionada f111(255); //No esta presionado y } - rect(25, 25, 58, 5); rect (25, 25, 50, 50); d , aed ce [erty eee ere eee ae eer! | void drant) { void keyPressed() ( 3 if (keyPressed) ¢ if (key == CODED) ¢ if (key == ‘b" [| key == 'B1) ( Af (keyCode == UP) { & 71 Si exta\ prestonada 1a tecla // Si esta presionada la tecla arriba d } else if (keyCode == DOWN) { 5 } else ¢ // Si esta presionada 1a tecla abajo. // De lo contrario. ) , } else ( : § // De lo contrario. > 3 > Ca ena i Coe toaaas@ Arrays en una sola linea. int [] arrayInt = ( 43, -2, 8, 1); printIn(arrayInt(0));// Inprine 43 printIn(arrayInt{1]);// Inprine -2 printIn(arrayInt(2]);// Imprime 8 PER itt //oeclaranos un array int [] arrayint; void setup //.e danos un tamanio al array arrayint = new int(5@]; /Pinicializanos todos los espacios for(int i = @; icarrayInt.length; it)¢ arrayInt(i) ? ? void draw (ot ‘mir todos los espacios for(int i = 0; icarrayInt.length; it+)¢ printIn(arrayint(il) ; Dea @ Funciones de Arrays ‘append(array, value); ‘Agroga un valor a un areal. arrayCopy(sre, srcPos, dst, dstPos, length); Copia un array 0 parte do uno, hacia oto cconcat (a,b); Concatena des arrays. expand(array,newSize) ; Expande el valor de un array, reverse(array); Fevierte 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 dento de otro en un indice. subset(array, start, count) Extrae un array en base alos espacios do otro. IEE ard //Declaramos un array de objetos. Particula [] particulas; void seturt //.e danos un tamanio al array particulas = new Particula [50]; //nicializamos todos los espacios for(int i = 0; particulas.length; i*+){ z particulas[i] = new ParticulaQ); > § ) 5 void draw(o{ //Ulamanos una funcion de los objetos for(int i = 0; icparticulas. length; it+){ particulas{i).dibujar(); //eclaramos un array int (IC) array20; void setupQt //Le danos un tamanio al array array20 = new int{width |(height |; //inicializamos todos los espacios. for(int i = 0; icwidth; i+{ forint j = 0; jcheight; j++){ array2D(i)(5] = int(random(1@0)); > > > void draw (> /[inicializanos todos los espacios for(int i= 0; icwidth; ine for(int j = 0; icheight; j++)¢ println(array20[i1[31);