{"id":577,"date":"2010-04-29T13:43:32","date_gmt":"2010-04-29T11:43:32","guid":{"rendered":"https:\/\/blogs.ua.es\/glac\/?p=577"},"modified":"2010-04-29T16:43:42","modified_gmt":"2010-04-29T14:43:42","slug":"processing_07","status":"publish","type":"post","link":"https:\/\/blogs.ua.es\/glac\/2010\/04\/29\/processing_07\/","title":{"rendered":"Processing_07"},"content":{"rendered":"<p>En la pr\u00f3xima clase (4 de mayo) estudiaremos la manera de <strong>detectar la posici\u00f3n del rat\u00f3n<\/strong> sobre el sketch, y determinar si est\u00e1 sobre alguna zona en concreto, con lo cual podremos tomar decisiones. Esto sirve por ejemplo para dise\u00f1ar botones para que el usuario pueda pulsarlos. Tambi\u00e9n <strong>ampliaremos conocimientos sobre las <em>classes<\/em><\/strong>, creando objetos interactivos que aprovechen las funciones de detecci\u00f3n previamente explicadas.<\/p>\n<p><span style=\"text-decoration: underline\">E11 &#8211; Ejercicios de detecci\u00f3n:<\/span><\/p>\n<ul>\n<li><span style=\"color: #ff00ff\">E11a<\/span>: detecci\u00f3n de zonas en pantalla al pasar el rat\u00f3n por encima. Un rect\u00e1ngulo, un c\u00edrculo y un tri\u00e1ngulo se colorean de azul si el mouse pasa por encima, y de rojo si adem\u00e1s hacemos clic.<\/li>\n<li><span style=\"color: #ff00ff\">E11b<\/span>: mismo ejercicio pero con funciones de usuario para simplificar la lectura del c\u00f3digo.<\/li>\n<li><span style=\"color: #ff00ff\">E11c<\/span>: detecci\u00f3n de una zona poligonal con forma cualquiera. Basado en un algoritmo llamado <em><strong>algorimo radial<\/strong><\/em>, que es una soluci\u00f3n para determinar si un punto est\u00e1 dentro o fuera de un pol\u00edgono (pod\u00e9is ampliar informaci\u00f3n buscando en google).<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline\"><em>E12 &#8211; Classes<\/em> con objetos interactivos:<\/span><\/p>\n<ul>\n<li><span style=\"color: #ff00ff\">E12a<\/span>: Cajas (1) &#8211; aparecen diez cajas con posici\u00f3n, tama\u00f1o y color aleatorio, que podemos mover con el rat\u00f3n haciendo clic sobre ellas.<\/li>\n<li><span style=\"color: #ff00ff\">E12b<\/span>: Cajas (2) &#8211; mismo ejercicio pero depurado: indica mediante un texto qu\u00e9 caja est\u00e1 detectada y qu\u00e9 caja est\u00e1 seleccionada, y adem\u00e1s las cajas no se &#8220;escapan&#8221; si movemos el rat\u00f3n deprisa. Con el bot\u00f3n derecho reiniciamos el sketch, generando otra nube de cajas aleatorias.<\/li>\n<\/ul>\n<p><span style=\"text-decoration: underline\">E13 &#8211; Ejemplo de aplicaci\u00f3n pr\u00e1ctica:<\/span><\/p>\n<ul>\n<li><span style=\"color: #ff00ff\">E13<\/span>: detecci\u00f3n de zonas de un mapa. Aqu\u00ed ten\u00e9is una base para ver c\u00f3mo se capturan datos de\u00a0varios ficheros y luego se aplican al sketch para generar pol\u00edgonos y detectarlos. Las coordenadas de los pol\u00edgonos est\u00e1n en\u00a0archivos de texto en la carpeta data. Es una aplicaci\u00f3n pr\u00e1ctica del algoritmo radial y del uso de clases explicados anteriormente.<\/li>\n<\/ul>\n<p><span style=\"color: #ff0000\">Es importante para la pr\u00f3xima clase del d\u00eda 4 de mayo que teng\u00e1is los ejercicios en vuestro ordenador y los hay\u00e1is probado para ver c\u00f3mo funcionan<\/span>. En el aula explicaremos los detalles con la profundidad que nos sea posible.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En la pr\u00f3xima clase (4 de mayo) estudiaremos la manera de detectar la posici\u00f3n del rat\u00f3n sobre el sketch, y determinar si est\u00e1 sobre alguna zona en concreto, con lo cual podremos tomar decisiones. Esto sirve por ejemplo para dise\u00f1ar botones para que el usuario pueda pulsarlos. Tambi\u00e9n ampliaremos conocimientos sobre las classes, creando objetos [&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-577","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\/577","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=577"}],"version-history":[{"count":7,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/577\/revisions"}],"predecessor-version":[{"id":584,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/posts\/577\/revisions\/584"}],"wp:attachment":[{"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/media?parent=577"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/categories?post=577"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ua.es\/glac\/wp-json\/wp\/v2\/tags?post=577"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}