Flash

=//Flash//=

Martes, 28 de septiembre de 2010
Hace unos meses, no sabía qué era //Flash//. Para ser más exacto, había oído hablar de //animación Flash//, así que suponía que se trataba de una herramienta para crear animaciones. También sabía que era raro navegar por la Web sin encontrarse con elementos que necesitaban tener un reproductor de //Flash// instalado en el navegador para poder verlos correctamente.

Pero he de impartir unas prácticas de //Flash// en una asignatura en la que acabo de entrar, así que toca enterarse. Lo primero, hay que dejar claro que una cosa es el reproductor de //Flash// (el //Flash Player//, gratuito) y otra distinta, el programa que permite crear... ¿las animaciones?

Veamos qué dice la Wikipedia a fecha de hoy, martes 28 de septiembre de 2010:

> //Adobe Flash (formerly Macromedia Flash) is a multimedia platform used to add animation, video, and interactivity to Web pages. Flash is frequently used for advertisements and games. More recently, it has been positioned as a tool for "Rich Internet Applications" ("RIAs").//

O sea, no se trata sólo de poder crear animaciones. Parece que se trata de crear objetos multimedia en general. Así que... ¿qué significa //multimedia//? Echemos mano, de nuevo, a la Wikipedia:

> //Multimedia is media and content that uses a combination of different content forms. [...] Multimedia includes a combination of text, audio, still images, animation, video, and interactivity content forms. [...] The term "rich media" is synonymous for interactive multimedia.//

Por otra parte, la definición de la Wikipedia para //Flash// parece hacer mucho hincapié en páginas web e Internet. No obstante, me consta que los documentos multimedia generados por //Flash// también pueden ser reproducidos localmente.

Pero volvamos a qué tipo de cosa es, en general, lo que //Flash// permite crear. De momento, no domino el vocabulario, así que ya he utilizado indistintamente los términos //objeto multimedia// y //documento multimedia//... y no sería extraño que utilizara en algún momento //elemento multimedia// o, en presencia de interactividad, incluso //aplicación multimedia//. Hasta que aprenda a distinguir entre unos conceptos y otros (si es que tales distinciones existen), seguiré utilizando cualquiera de estos términos para aquello que cree con //Flash//.

En realidad, con //Flash// puedo crear documentos que no sean multimedia. Puedo crear, por ejemplo, simplemente un dibujo. Si abro la aplicación, dibujo cualquier cosa en el panel que se denomina //escenario// y, sin haber hecho ninguna manipulación sobre el panel //línea de tiempo//, elijo **Archivo ➤ Exportar ➤ Exportar imagen...**, accedo a un cuadro de diálogo donde puedo elegir tanto la ruta completa para el nuevo fichero de imagen como su formato. Y un simple dibujo no merece el adjetivo multimedia; según los apuntes de la asignatura, necesitaría //información en por los menos tres de las siguientes formas: texto, gráficos, imagen fija, imagen en movimiento y audio// (no sé de dónde proviene esta definición). Otra taxonomía de los tipos de información que pueden formar parte de un objeto multimedia es ésta, tomada de la Wikipedia:


 * **Texto:** sin formatear, formateado, lineal e hipertexto.
 * **Gráficos:** utilizados para representar esquemas, planos, dibujos lineales...
 * **Imágenes:** son documentos formados por píxeles. Pueden generarse por copia del entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos.
 * **Animación:** presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento.
 * **Vídeo:** Presentación de un número de imágenes por segundo, que crean en el observador la sensación de movimiento. Pueden ser sintetizadas o captadas.
 * **Sonido:** puede ser habla, música u otros sonidos.

La verdad es que me da la impresión de que las fronteras entre diferentes medios pueden ser bastante difusas. ¿Qué caracteriza al vídeo, cuando las imágenes son de síntesis, frente a la animación? ¿Está clara la diferencia entre gráfico e imagen? Y, por lo que se refiere a la definición, ¿qué tiene el tres de especial? ¿Es multimedia un artículo impreso en papel donde, aparte del texto principal del artículo, aparezca una fotografía y un gráfico de tarta?

Inquietudes conceptuales aparte, lo bien cierto es que, para la práctica de hoy, podemos considerar //Flash// como un programa de dibujo...

Viernes, 1 de octubre de 2010
Hoy, en el despacho de Víctor, estamos investigando sobre tipos de animación o, más bien, de interpolación (//tween// en jerga de //Flash//) y cómo se llevan a cabo en la versión CS4. Buscando información sobre esto, Víctor ha encontrado una página de vídeos de aprendizaje muy interesantes:

> []

En esta otra colección de vídeos de aprendizaje también es posible encontrar algunos dedicados a //Flash//:

> []

Lunes, 4 de octubre de 2010
He visto que Víctor envió durante el fin de semana la dirección de la página que ha estado preparando para su docencia en la asignatura, organizando los materiales que habíamos encontrado:

> []

Bueno, hay que reconocer que él había encontrado más que yo.

Viernes, 8 de octubre de 2010
El miércoles, Víctor envió la dirección de otros vídeos de aprendizaje sobre //Flash//, aunque correspondientes a la versión CS3:

> []

A diferencia de los otros de //Adobe//, éstos son en castellano (al menos, los que yo he visto).

Y ayer estuve leyendo un libro sobre //Flash CS4// que me pareció excelente: [|Adobe Flash CS4 Professional Classroom in a Book]. Sólo he leído exhaustivamente tres de sus diez lecciones, pero no creo que mi impresión pueda cambiar mucho: eminentemente práctico, cada lección presenta los conceptos necesarios en un orden tal que siempre se acaba consiguiendo hacer algo útil en esa lección (una presentación de fotos, un anuncio estático para una marca de agua, el cartel de una película...). No se trata sólo de mover círculos o triángulos. Y los consejos que da me parece que son los pertinentes para conseguir resolver problemas con elegancia, como conseguir que //Flash// garantice ciertas simetrías y no tener que acertar a ojo.

Miércoles, 13 de octubre de 2010
He cogido lo de //Flash// con ganas y me he propuesto crear un escudo para un equipo de fútbol-7, el //Atlético Xispa//, y hacer una animación para él. Este pasado puente estuve trabajando en ello y lo que tengo de momento es esto:

>

Nada de sonido, nada de interactividad, ningún clip de película con movimiento propio, pero bueno, poco a poco. Ya tengo algo de animación mediante interpolaciones de movimiento (que, en realidad, modifican escala, transparencia o posición, según el caso) y algunos efectos interesantes entre capas, como los colores del equipo que, con cierto grado de transparencia, dejan ver el escudo de aspecto medieval que hay detrás, o la chispa sobre el balón, una capa de la que sólo se ve lo que es más claro que el fondo.

Martes, 19 de octubre de 2010
Ahora que ya tengo un poco de soltura con las animaciones de //Flash//, he podido ser de mayor utilidad a mis alumnos... creo.

Y uno de ellos me ha recomendado vídeos de aprendizaje que yo no conocía. Me va a enviar sus direcciones por correo.

Miércoles, 20 de octubre de 2010
Buscando información sobre //Flash// en la Web, me he encontrado casualmente con dos juegos //Flash// recomendados como sencillos y adictivos:


 * [|Squares], choca con cuadrados (y círculos) negros y evita los rojos.
 * [|Pixel], mueve tu nave y dispara a los enemigos.

Quizá no sea descabellado intentar hacer una versión simplificada del primero cuando haya acabado de leer [|ActionScript 3.0 for Adobe Flash CS4 Professional Classroom in a Book].

Por otra parte, el alumno que ayer quedó en enviarme direcciones de vídeos sobre //Flash// cumplió inmediatamente. La primera dirección que me ha enviado parece que contiene material, sobre todo, para hacer animaciones de personajes andando, hablando, corriendo...

> []

El problema es que aquí, en //Flash Facilito//, la mayoría de los vídeos son de pago. La segunda dirección que me ha proporcionado es de un vídeo que todavía no he visto:

> []

Vale, ahora ya he echado un vistazo y se trata de un vídeo gratuito de //Flash Facilito// alojado en //YouTube//. Otros los tienen alojados en un sitio que se llama //blip.tv//. Lo mejor parece ser empezar por cualquier vídeo gratuito de //Flash Facilito// y ver qué otros vídeos relacionados propone, según el caso, //YouTube// o //blip.tv//.

Mejor todavía, para acceder a los vídeos de //Flash Facilito// en //YouTube//, un punto de partida más adecuado parece ser éste:

> []

No sé si existirá algo parecido en //blip.tv//.

Viernes, 5 de noviembre de 2010
¡He hecho mi primer vídeo de aprendizaje! Y, como tal, no es muy bueno. Es más, yo diría que es bastante pesado: largo (hora y pico), un tanto dubitativo, mi tono de voz no llama precisamente al entusiasmo... Pero vaya, por algo se empieza. El asunto que se trata en el vídeo (inicialmente pensado para dos vídeos, pero al final he generado uno con todo el material grabado) es interactividad y botones en //Flash CS4// haciendo uso de la versión 3.0 de //ActionScript//, y el ejemplo que sirve de hilo conductor es una galería fotográfica interactiva, concretamente, ésta:

>

(donde, a pesar de que en alguna máquina pueda verse exactamente el mismo texto, un escueto //Foto//, en los tres botones, la verdad es que los textos son //Foto 1//, //Foto 2// y //Foto 3//, y así los veo accediendo desde mi portátil).

Como el vídeo pesa más de 70 megas, no lo tengo aquí en //Wikispaces//, sino en un servidor de mi universidad. He aquí el enlace:

> [|Vídeo de aprendizaje: Una galería fotográfica interactiva con Flash CS4]

Espero que le resulte útil a alguien.

Ah, por cierto, el vídeo lo he hecho con //Camtasia//, pero sin saber todavía manejar la herramienta. Ya iremos aprendiendo...

Jueves, 18 de noviembre de 2010
Mi animación para el escudo del //Atlético Xispa// ya tiene sonidos y un poquito de interactividad:

>

El sonido al pulsar el botón que aparece al final es de la biblioteca común de sonidos de //Flash//; todos los demás sonidos, sincronizados con la línea de tiempo, los he tomado del [|Banco de imágenes y sonidos] del //Ministerio de Educación//. Creo que con este reconocimiento y teniendo en cuenta que el uso que hago de los sonidos no es comercial sino destinado a probar //Flash// para poder ser de más ayuda a mis alumnos, cumplo con las condiciones impuestas por los gestores del banco.

Aprovecho también para dejar aquí el enlace a un juego de la Web que me recomendó un alumno hace semana y pico, después de que yo le enseñara [|Squares] y [|Pixel]:


 * [|Command Grid], dispón inteligentemente tus defensas para mantener tu base militar protegida de los ataques enemigos.

Finalmente, me he dado cuenta de que tener todos los enlaces que voy considerando interesantes dejados caer a lo largo de esta página en forma de diario no es lo más cómodo cuando más tarde quiero buscar esos enlaces, sería mucho mejor una organización como la de Víctor, con su [|página específica de enlaces a recursos]. Creo que en algún momento eché en falta el [|manual de referencia de ActionScript 3.0] en los recursos de Víctor, pero (como suele ser habitual) se ha adelantado a una eventual sugerencia mía en este sentido y ya ha incorporado el enlace.

Martes, 23 de noviembre de 2010
Buscando cómo programar un carrusel de imágenes en //ActionScript 3.0//, he dado con este vídeo de aprendizaje:

> []

Utiliza [|Papervision3D], un conjunto de clases que permite conseguir animaciones 3D en //Flash//. Todavía no lo he mirado bien.

El origen de mi interés por los carruseles es la sección //Perfiles// de este trabajo de un antiguo alumno de la asignatura de //Flash// que ahora imparto:

> []

Por otra parte, aquí hay bastantes ejemplos de galerías fotográficas en //Flash//:

> []

Miércoles, 1 de diciembre de 2010
Hemos tenido una reunión interesante en la asignatura de //Flash//, de resultas de la cual:


 * Hemos acabado de consensuar una nueva versión del enunciado de su proyecto de curso. Se supone que debería servir para aclarar la versión original, heredada del curso anterior, que no acababa de especificar algunas cosas o lo hacía de forma indirecta.


 * Me he comprometido a crear un nuevo vídeo de aprendizaje, esta vez sobre carga dinámica de datos a partir de //XML//. Antes, me estudiaré bien [|esta guía] (en inglés) de [|Republic of Code] (estoy en ello).

Martes, 11 de enero de 2011
Mi vida es un caos, pero también tengo una niña adorable de apenas dos semanas, así que no me puedo quejar. A pesar de todo, por fin he podido sacar tiempo para el vídeo de aprendizaje que hace más de un mes me comprometí a crear. No he acabado de cubrir con él todos los objetivos que me había planteado, aunque, desde luego, con lo que allí cuento se llega a crear una galería de imágenes donde un fichero //XML// es el que especifica a qué dos imágenes puede acceder el usuario y éstas se cargan dinámicamente sólo cuando el usuario lo solicita. He aquí el enlace:

> [|Vídeo de aprendizaje: Otra galería fotográfica, ahora con Flash CS4, XML y carga dinámica]

Además, dejo públicamente accesible [|un fichero fuente de Flash] con una versión de la galería bastante más avanzada y flexible que la que se acaba construyendo en el vídeo. Y también hago público [|un fichero XML] que esa galería sabría leer.

Miércoles, 12 de enero de 2011
Yo creo que quienes utilicen //Flash// sabrán apreciar la gracia de esta animación que he encontrado por pura casualidad:

> [|Animator vs. Animation], de Alan Becker

Por otra parte, gracias al artículo [|Coding MovieClips as Buttons in AS3] de [|I heart actionscript], he conseguido modificar fácilmente mi galería fotográfica de ayer, con botones etiquetados con texto, para que sean miniaturas de las fotos (//thumbnails//) las que actúen como botones. Ésta es la sencilla secuencia de pasos que he seguido:

>>> >>>
 * 1) Fuera de //Flash//, he creado las miniaturas de las fotos y he enriquecido el fichero //XML// con un atributo  en cada.
 * 2) En el código ActionScript de [|galeria.fla]:
 * 3) He sustituido  por  en la línea donde se añade un nuevo elemento al.
 * 4) He sustituido la línea en la que se da valor al atributo  de  (a partir de un atributo  de correspondiente ) por una en la que se le da valor a  utilizando.
 * 5) He añadido a continuación dos líneas más:

Con el último paso, lo que se consigue es que el se comporte exactamente como un botón (incluso el cursor se convertirá en una mano al pasarlo sobre él) y que los posibles clics llevados a cabo sobre el botón tengan como  el propio  y no el  que éste contiene. Y esto es todo lo que se necesita... aunque yo también he cambiado los valores de las constantes y  para que los objetos  sean cuadrados (en los que las miniaturas se encajarán manteniendo proporciones, claro) y me guste el aspecto final conseguido:

>.