{"id":567,"date":"2010-04-23T09:07:02","date_gmt":"2010-04-23T07:07:02","guid":{"rendered":"https:\/\/blogs.ua.es\/glac\/?p=567"},"modified":"2010-04-23T09:08:00","modified_gmt":"2010-04-23T07:08:00","slug":"processing_06","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/glac\/2010\/04\/23\/processing_06\/","title":{"rendered":"Processing_06"},"content":{"rendered":"<p><span style=\"color: #0000ff\">Nuevos contenidos para el pr\u00f3ximo 27 de abril.\u00a0 Conviene que ech\u00e9is un vistazo al c\u00f3digo y consult\u00e9is los correspondientes cap\u00edtulos del libro <em>Reas&amp;Fry<\/em> para ir avanzando en los conceptos. En clase\u00a0recorreremos detalladamente el proceso para realizar estos sketches, explicando las <em>transformaciones<\/em> y aclarando qu\u00e9 es una <em>class<\/em> (definici\u00f3n de objeto), para qu\u00e9 sirve\u00a0y c\u00f3mo se utiliza. Ah\u00ed os dejo los deberes:<\/span><\/p>\n<p><span style=\"text-decoration: underline\">E09: Transformaciones (desplazar, rotar, escalar)<\/span>\u00a0<br \/>\n(Los ejercicios van comentados y con referencias bibliogr\u00e1ficas al libro de Reas&amp;Fry.)<\/p>\n<ul>\n<li><span style=\"color: #ff00ff\">E09a<\/span>: En este sketch una flecha situada en el centro de la pantalla apunta siempre hacia el rat\u00f3n. La flecha en realidad se dibuja en el punto 0,0 y apuntando hacia el este (eje X positivo), pero justo antes de dibujarla se le aplican unos valores de desplazamiento y giro para conseguir el efecto deseado. Este proceso simplifica mucho el dibujado del objeto.<\/li>\n<li><span style=\"color: #ff00ff\">E09b<\/span>: Ahora son tres las flechas que apuntan al rat\u00f3n. En este caso hemos definido unas funciones de usuario para simplificar el\u00a0sketch y evitar repetir trozos de c\u00f3digo exactamente iguales. Tambi\u00e9n aparecen las funciones <em>pushMatrix<\/em> y <em>popMatrix<\/em>, que evitan la acumulaci\u00f3n de transformaciones.<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline\">E10: <em>Classes<\/em> &#8211; Programaci\u00f3n orientada a objetos<\/span><\/p>\n<ul>\n<li><span style=\"color: #ff00ff\">E10a<\/span>: Una nube de las mismas flechas de los ejemplos anteriores, dispersas por el sketch, se reorientan hacia el rat\u00f3n al hacer clic en la pantalla. Podemos manejar un n\u00famero indefinido de flechas, para ello creamos una <em><strong>clase<\/strong><\/em> que contiene un grupo de <em>m\u00e9todos<\/em> (funciones) y <em>campos<\/em> (variables) que nos permitir\u00e1n crear y manejar los objetos. Un <em><strong>objeto<\/strong><\/em> es una instancia individual de una clase (pensemos en un bloque con atributos de autocad insertado n veces: la definici\u00f3n del bloque ser\u00eda la <em>clase<\/em>, y cada una de las inserciones ser\u00eda un <em>objeto<\/em>).<\/li>\n<li><span style=\"color: #ff00ff\">E10b<\/span>: Mismo caso que el anterior, pero ahora las flechas est\u00e1n colocadas de forma regular a lo largo de los ejes X,Y del sketch, aunque su rotaci\u00f3n inicial es aleatoria. Al hacer clic izquierdo se orientan hacia el rat\u00f3n, al hacer clic derecho pierden la orientaci\u00f3n, y al hacer clic centro se muestra\/oculta la rejilla de base.<\/li>\n<li><span style=\"color: #ff00ff\">E10c<\/span>: Ampliaci\u00f3n del ejercicio E10a. En este ejemplo hemos a\u00f1adido un par de condicionantes a la clase: adem\u00e1s de rotar para mirar al mouse, las flechas cambian de <span style=\"text-decoration: underline\">grosor<\/span> y de <span style=\"text-decoration: underline\">color<\/span> seg\u00fan lo cerca o lejos que est\u00e9n del rat\u00f3n.<\/li>\n<\/ul>\n<p>\u00a1Buen fin de semana!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Nuevos contenidos para el pr\u00f3ximo 27 de abril.\u00a0 Conviene que ech\u00e9is un vistazo al c\u00f3digo y consult\u00e9is los correspondientes cap\u00edtulos del libro Reas&amp;Fry para ir avanzando en los conceptos. En clase\u00a0recorreremos detalladamente el proceso para realizar estos sketches, explicando las transformaciones y aclarando qu\u00e9 es una class (definici\u00f3n de objeto), para qu\u00e9 sirve\u00a0y c\u00f3mo se [&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-567","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\/567","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=567"}],"version-history":[{"count":9,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/567\/revisions"}],"predecessor-version":[{"id":576,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/567\/revisions\/576"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/media?parent=567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/categories?post=567"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/tags?post=567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}