{"id":542,"date":"2010-04-15T09:39:45","date_gmt":"2010-04-15T07:39:45","guid":{"rendered":"https:\/\/blogs.ua.es\/glac\/?p=542"},"modified":"2010-04-21T12:02:18","modified_gmt":"2010-04-21T10:02:18","slug":"processing_04","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/glac\/2010\/04\/15\/processing_04\/","title":{"rendered":"Processing_04"},"content":{"rendered":"<p>Est\u00e1n en el ftp los \u00faltimos ejercicios, del d\u00eda 13 de abril.<\/p>\n<ul>\n<li>El <span style=\"color: #ff00ff\">E04<\/span>, que ya estaba subido, fue convenientemente explicado en clase.<\/li>\n<li>El <span style=\"color: #ff00ff\">E05<\/span> dibuja un gradiente de color que var\u00eda con el paso del tiempo. En este ejercicio introducimos el uso de la funci\u00f3n <em>map()<\/em>, que nos permite trasladar un valor desde un rango num\u00e9rico a otro. <span style=\"color: #999999\">Aqu\u00ed tuve un problema que promet\u00ed resolver, y la soluci\u00f3n es que los incrementos de los contadores r,g,b los hab\u00eda puesto dentro del bucle &#8220;for () {&#8230;}&#8221; , y deb\u00edan estar fuera, detr\u00e1s de la \u00faltima llave.<\/span> En el ejemplo actual, se mapean las componentes red,blue entre el ancho de la pantalla, y se va variando la componente green, de modo que el degradado evoluciona por la izquierda entre el negro y el verde y por la derecha entre el magenta y el blanco. Observad que las componentes fijas (r,b) est\u00e1n dentro del bucle for, y la componente que evoluciona en el tiempo (g) est\u00e1 despu\u00e9s de dicho bucle.<\/li>\n<li>El <span style=\"color: #ff00ff\">E06 <\/span>dibuja un pol\u00edgono regular en la posici\u00f3n del mouse haciendo uso de las funciones <em>beginShape-vertex-endShape<\/em>, que las vimos en clase. Tambi\u00e9n incorpora el cambio de par\u00e1metros desde el teclado: mediante las flechas arriba-abajo cambiamos el n\u00famero de lados, mediante las teclas + y &#8211; cambiamos el radio del pol\u00edgono y mediante las teclas &#8216;a&#8217; y &#8216;z&#8217; cambiamos la opacidad.<\/li>\n<li>Ejercicio <span style=\"color: #ff00ff\">E07<\/span> sobre arrays, con 5 variaciones. En todos los casos se usan Arrays de &#8216;floats&#8217; para almacenar las coordenadas (x, y) de un pol\u00edgono de muchos lados y luego se dibuja el pol\u00edgono mediante las funciones <em>beginShape-vertex-endShape<\/em>. Los distintos ejemplos muestran las maneras que existen de declarar, crear y asignar un array. Van comentados y con referencias bibliogr\u00e1ficas del libro Reas&amp;Fry para consultar los detalles. Los repasaremos todos en clase.<\/li>\n<li>El ejercicio <span style=\"color: #ff00ff\">E07e<\/span>, la quinta variaci\u00f3n, incluye algunas novedades: se dibuja un pol\u00edgono de <strong>v\u00e9rtices curvos<\/strong> y adem\u00e1s <strong>inclu\u00edmos textos<\/strong> en el sketch mediante las funciones <em>PFont<\/em>, <em>textFont<\/em> y\u00a0<em>text<\/em>, que explicaremos tambi\u00e9n el pr\u00f3ximo d\u00eda 20 de abril en clase.<\/li>\n<li>He a\u00f1adido una sexta variaci\u00f3n, la <span style=\"color: #ff00ff\">E07f<\/span>, donde mediante el teclado se pueden mostrar\/ocultar las curva, las rectas y los puntos.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Est\u00e1n en el ftp los \u00faltimos ejercicios, del d\u00eda 13 de abril. El E04, que ya estaba subido, fue convenientemente explicado en clase. El E05 dibuja un gradiente de color que var\u00eda con el paso del tiempo. En este ejercicio introducimos el uso de la funci\u00f3n map(), que nos permite trasladar un valor desde un [&hellip;]<\/p>\n","protected":false},"author":503,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[835],"tags":[167022],"class_list":["post-542","post","type-post","status-publish","format-standard","hentry","category-cursos","tag-processing"],"_links":{"self":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/users\/503"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/comments?post=542"}],"version-history":[{"count":12,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/542\/revisions"}],"predecessor-version":[{"id":554,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/542\/revisions\/554"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/media?parent=542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/categories?post=542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/tags?post=542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}