Category: Cursos

El próximo martes 30 de noviembre, durante la primera parte de la sesión veremos un ejemplo de cómo manejar objetos (classes) en el sketch aplicando las funciones de detección de rectángulos que estudiamos anteriormente. 

En la segunda parte aprenderemos cómo se pueden leer datos de ficheros externos y manejarlos o analizarlos para para crear gráficos en Processing. Si nos da tiempo iniciaremos el desarrollo de un ejercicio de creación de un mapa que engloba los conceptos de lectura de datos externos, generación de classes, y dibujado y detección de polígonos, todo en uno.

El archivo Sesiones 7 y 8.rar que hay en el ftp está actualizado, y en él he añadido los siguientes ejemplos:

• E14a (class cajas 1): manipulación de objetos en pantalla con el ratón. Creación de una clase, inserción de objetos en el sketch y manejo de estos con el mouse.
• E14b (class cajas 2): refinamiento del ejercicio anterior, con un control fino de los objetos seleccionados que impide que se nos “escapen” del ratón una vez capturados.
• E15 (mapa): dibujado de un mapa a partir de colecciones de datos externos en ficheros  ascii.

Conviene que tengáis descargado el rar en vuestros portátiles, porque para el trabajo de clase vamos a emplear varios de los archivos ahí contenidos.

Hola.

El pasado martes 16 quedó pendiente de resolver el sketch de 400 flechas para que respondiera al clic del ratón. La errata estaba en que en la función “orientar” definida en la class Flecha puse float alfa = atan2(…..), y sobraba el float, ya que al ponerlo defino alfa como una variable local de esa función y esto impide que se cambie el valor de la variable alfa definida como variable general de la class. Debería poner solamente alfa = atan2(…..). Probadlo a ver si os funciona. De todos modos lo revisaremos en el aula el próximo martes.

En el ftp os pongo el ejercicio E12 con tres variaciones, que analizaremos en la próxima clase:

• E12a (flechas desordenadas): lo mismo que vimos en clase, con la errata resuelta, y un poquito de diseño (fondo negro y flechas de colores aleatorios)
• E12b (flechas ordenadas):  ahora las flechas están colocadas ordenadamente en x e y. Con clic-izquierdo se orienta al ratón, con clic-derecho se desorientan y con clic-centro se muestra/oculta la malla x,y. Podéis probar a cambiar parámetros, por ejemplo la variable rango, que hace que la malla sea más o menos tupida.
• E12c (flechas adaptativas): cuando hacemos clic-izquierdo las flechas se orientan al ratón,y además cambian a color amarillo intenso si están cerca del ratón y amarillo pálido si están lejos, variando también el grosor según la proximidad al ratón. Utilizamos la función map() que estudiamos el dia 9 de noviembre.

También os pongo un ejercicio para aprender a detectar zonas con el ratón en el sketch, que utilizaremos más adelante para detectar objetos y moverlos.

• E13a (deteccion): al pasar el ratón por encima de unas figuras (cuadrado, cículo y triángulo) estas cambian de aspecto. En el código se definen tres funciones de detección, una para rectángulos, otra para círculos y otra para polígonos cualesquiera. Hablaremos de todo ello en clase.
• E13b (detección de un polígono): análisis de detalle de la detección de polígonos

Estos ejercicios los teneis en el archivo Sesiones 7 y 8.rar del ftp.
Un saludo. Álvaro

Y aquí van los ejercicios prometidos en el post nº 4; podéis descargarlos del archivo Sesiones 5 y 6.rar que hay en el ftp.

• E09 (degradado map): dibujo de degradados (rampas de color) mediante el uso de la función map(), muy útil para convertir directamente de un rango de números a otro.
• E10a (arrays 1): uso de arrays para guardar grandes grupos de datos. En este ejemplo se guardan las 50 últimas posiciones del ratón y se utilizan esas coordenadas para dibujar elementos en el sketch. 
• E10b (arrays 2): en este ejemplo se usan arrays para dibujar polígonos de vértices aleatorios
• E11a (transformaciones: desplazar y rotar): dibujamos un objeto en el punto 0,0 (esquina superior izquierda del sketch), mediante un desplazamiento la colocamos en el centro y mediante una rotación la orientamos para que mire siempre al ratón (para esto usamos también la función atan2())
• E11b (transformaciones): ampliación del ejercicio anterior, colocando tres flechas en lugar de una sola.

Os recuerdo que he actualizado el handbook de Reas&Fry con subrayados en el texto con amarillo fosforescente de las funciones explicadas en cada capítulo, para que sea más fácil interpretar los contenidos. Descargadlo también (está en la carpeta DOC). A lo largo del curso iré marcando más capítulos y os lo volveré a actualizar.

Vamos a recapitular sobre los contenidos desarrollados hasta ahora y a ubicarlos en los distintos capítulos del handbook. Es muy formativo leer tranquilamente estos capítulos y teclear los ejemplos que vienen en ellos. ¡¡No hace falta leérselos todos el mismo día!!

• STRUCTURE
• p.17 / Structure 1: code elements -> elementos más básicos y vocabulario para la escritura de programas
• p.173 / Structure 2: continuous -> ejecución contínua de programas y control de su velocidad
• DATA
• p. 37 / Data 1: variables -> tipos de datos
• p.101 / Data 2: text -> elementos del código para trabajar con el lenguaje
• p.105 / Data 3: conversion, objects -> conversión de tipos y manejo de strings
• p.301 / Data 4: arrays -> arrays de datos
• INPUT
• p.205 / Input 1: mouse -> control de la posición del ratón y su uso
• p. 223 / Input 2: keyboard -> control de las entradas de teclado
• p.229 / Input 3: events -> teclado y ratón para detectar acciones y recibir datos
•  CONTROL
• p.51 / Control 1: decisions -> control del flujo con estructuras condicionales (if)
• p.61 / Control 2: repetition -> control del flujo con estructuras iterativas (for)
• IMAGE
• p.95 / Image 1: display, tint -> carga y muestra de imágenes
• MATHS
• p.43 / Math 1: artithmetic, functions ->operaciones matemáticas básicas y uso de los resultados para controlar la posición y las propiedades de los elementos visuales
• p.127 / Math 4: random -> números aleatorios y su uso para generar formas
• OUTPUT
• p.367 / Output 1: images -> guardar imágenes y secuencias de imágenes mientras el programa está en ejecución
• TYPOGRAPHY
• p.111 / Typography 1: display -> carga y configuración de las fuentes y visualización de las letras en la pantalla

También os recuerdo que la ayuda on-line de cada función es muy aclaratoria en cuanto a la sintaxis a utilizar (argumentos, valores devueltos, etc).

El próximo martes 9 de noviembre contaremos con la presencia de Miguel Mesa con el objetivo de ver aplicaciones de processing a la arquitectura. El resto del tiempo continuaremos con nuevos ejercicios.