¿Por qué Flash?

Publicado 2022-07-08.

Me molesta mucho que la gente aclame la muerte de Flash. Entiendo perfectamente por qué es el momento de dar vuelta la página, pero no deberías aplaudir la muerte de algo que ha dado poder a tanta gente y ha aportado tanta alegría a la web durante más de 20 años. Creo que es una moda a la que se ha subido mucha gente infeliz, lo siento si eres uno de ellos. - Flash 2020 and the Future, Tom Fulp

Te debes a ti mismo tener ambos (plugin de Flash y navegadores compatibles con Flash) si pretendes utilizar la Internet histórica tal y como todavía existe. Muchas páginas de años pasados siguen en línea y se mantienen activamente, pero no funcionarán como fueron hechas de otra manera. Sería una verdadera lástima que te limitaras en este aspecto y te perdieras muchas cosas estupendas. :) - Terrio

Flash es realmente el rey de la multimedia en la Web y ha contribuido enormemente a la cultura de la Web y de Internet; tanto material diverso y maravilloso -mucho del cual fue hecho por aficionados- no existiría si no fuera por Flash, y cuando considero todo esto, me siento tentado a afirmar que ni siquiera sus problemas de seguridad pueden anular su legado y valor cultural. - Adobe Flash Will Never Die, lolwut

Un renacimiento de Flash

Si ya eres un entusiasta de Flash, ¡difícilmente necesitarás que te convenza de seguir usándolo! Así que el resto de este artículo es más que nada para los que se encuentren con mi sección de Flash y se pregunten por qué sigo usándolo.

Por qué, te preguntarás... Bueno, creo que tenemos que iniciar un renacimiento de Flash ¡y tiene que ser en el navegador, donde Flash pertenece! No hay excusa para no hacerlo. Las herramientas para hacer flashes son fáciles de conseguir (también disponibles en mi sitio y en español), corren en todos lados, y son extremadamente fáciles de usar. Incluso si crees que el reproductor de Flash es inseguro, puedes ver flashes en tu navegador con Ruffle. Incluso me atrevería a decir que Ruffle debería venir preinstalado en todos los navegadores más populares, pero creo que, por ahora, sigue siendo mejor utilizar el último reproductor Flash de Ad*be y un navegador que soporte plugins (como Pale Moon) si deseas la experiencia original.

Ruffle es un nuevo emulador libre y de código abierto del reproductor de Flash que busca reemplazar el reproductor de Flash original en navegadores que lo bloquearon. Está activamente en desarrollo y todavía no está completo, pero logra mostrar contenido clásico (y flashes hechos con Ruffle en mente como los míos) muy bien, y añadiendo el hecho de que su instalación es muy fácil, vale mucho la pena tenerlo en consideración. Si quieres instalar Ruffle en tu navegador, lo puedes hacer desde su página de extensiones de Firefox o la Chrome Web Store.

Siendo tan simple ver flashes y tan fácil y divertido hacerlos, es entonces nuestro deber mantener vivas las tradiciones de la vieja Web y hacer más flashes, igual como hacemos sitios tipo Web 1.0/2.0. ¡No hay excusa para no hacerlo!.

Recomiendo Macromedia Flash 8 (la versión que uso) y versiones previas porque se ejecutan perfectamente en Wine y en computadores más antiguos, son muy ligeros en recursos y se ven bien, se pueden activar limpiamente sin conexión, tienen muchas características poderosas sin ser superfluas, y tienen casi dos décadas de apoyo de la comunidad. Además, como sólo admiten hasta AS2, los SWFs hechos con Flash 8 y anteriores funcionarán en versiones antiguas del reproductor de Flash y Ruffle con un éxito casi garantizado excepto por algunos efectos como desenfoques y tal.

Incluso si no te importa ver flashes en tu navegador, aún así puedes usar Flash como un programa general de animación y luego convertir tus SWFs a video usando Swivel. De cualquier forma, ¡que no se te olvide compartir los SWFs originales también!

¡Flash es sencillo!

Muy bien, ¿sabes qué? Vamos a hacer una animación Flash AHORA MISMO. Te mostraré cómo hacer una animación muy simple de un personaje moviéndose de un lado a otro de la pantalla. Antes de empezar, deberás descargar una versión antigua de Flash e instalarla.

Primero, abre Flash (aquí voy a usar Flash 8) y crea un nuevo documento. Selecciona la herramienta pincel de la barra de herramientas de la izquierda y dibuja algo sencillo en el lienzo del centro de la ventana (no es necesario tener conocimientos de arte). Yo dibujé a mi personaje Shirogami.

Habrás notado que debajo de la barra de herramientas hay dos selectores de color, uno con un lápiz y otro con un cubo. La diferencia es simple: uno es para líneas y otro para rellenos. La herramienta pincel dibuja rellenos y la herramienta lápiz dibuja líneas. Las formas hechas con líneas se pueden rellenar.

Con la herramienta de selección (cursor negro), selecciona todo el dibujo y haz clic con el botón derecho del ratón. En el menú, selecciona "Convertir en símbolo". En la ventana que aparece, asegúrate de que está seleccionado "gráfico" y haz clic en Aceptar. No hace falta que te molestes con las opciones del diálogo para lo que vamos a hacer. Observa que ahora puedes seleccionar el dibujo y que tiene un borde azul, eso significa que es un símbolo.

Los símbolos son objetos que puedes animar por sí mismos, independientemente de todo lo demás en la película. Lo haremos ahora para hacer bailar nuestro dibujo (y moverlo después). Haz doble clic en el símbolo que acabamos de hacer. Observa que en la parte superior de la ventana de Flash, llamada línea de tiempo, ahora dice "Escena 1 Símbolo 1". Eso significa que estamos editando el símbolo y no la película principal.

La línea de tiempo es la cuadrícula que va hasta la derecha. Cada cuadrado representa un fotograma de la animación. Hay dos tipos de fotogramas, los fotogramas simples y los fotogramas clave. Los fotogramas clave contienen información gráfica única, mientras que los fotogramas simples sólo repiten lo que hay en el fotograma anterior. Fíjate en el punto del primer fotograma: eso significa que es un fotograma clave; tiene nuestro dibujo en él. Haz clic con el botón derecho en el segundo fotograma (que está vacío) y selecciona "Insertar fotograma clave" (o selecciona el fotograma y pulsa F6). Esto copiará el dibujo del fotograma clave anterior, pero es independiente de él.

Asegúrate de tener seleccionado el segundo fotograma clave y elige la herramienta "Transformación libre" (el cuadrado justo debajo del cursor negro). Esto te permitirá escalar y rotar las formas. Selecciona el dibujo y fíjate en los puntos de las esquinas y los lados del cuadrado de selección. Para girar el dibujo, mueve el cursor justo fuera de una de las esquinas hasta que el cursor se convierta en una flecha curva. Haz clic y arrastra hasta que el dibujo esté rotado.

Si ahora haces clic en el primer y segundo fotogramas clave de la línea de tiempo (o pulsas intro para probar la animación), ¡parece que el dibujo está bailando!

Ya has terminado de trabajar dentro del símbolo. Para volver a la película principal, haz doble clic en un lugar vacío del lienzo, o haz clic en la flecha azul que está sobre la línea de tiempo.

Arrastra tu dibujo a la esquina superior izquierda del lienzo y haz un nuevo fotograma clave en el fotograma 15. Fíjate en que todos los fotogramas intermedios no son más que repeticiones del primero, salvo que el dibujo se está animando. Luego, selecciona el fotograma 15 y mueve el personaje a la esquina opuesta. Si ahora reproduces la animación, verás que el dibujo se queda en una esquina durante un rato y de repente salta al otro lado. ¡Pero nos gustaría que se moviera suavemente!

Una solución es hacer un montón de fotogramas clave intermedios entre los fotogramas 1 y 15 y mover el personaje manualmente. Eso, por supuesto, es una molestia, así que en su lugar usaremos interpolaciones de movimiento. Éstos nos permiten ahorrar algo de tiempo en cosas tediosas como hacer muchos movimientos manualmente, dejando que Flash haga el movimiento por nosotros. Para ver lo que quiero decir, haz clic con el botón derecho en uno de los fotogramas intermedios y selecciona "Crear interpolación de movimiento". La línea de tiempo se verá así:

La flecha significa que el símbolo que está en el primer fotograma se moverá suavemente hasta su posición en el último fotograma. Ahora prueba la animación y ¡chachán! Si tu navegador tiene instalado un reproductor Flash, deberías poder ver el resultado incrustado a continuación. De lo contrario, puedes ver un GIF.

¡Eso no estuvo tan difícil!

Para una retrospectiva más detallada sobre Flash y su cultura, por favor lee los artículos Adobe Flash Will Never Die y How Flash games shaped the video game industry (ambos en inglés).

Apéndice: Los desarrolladores web siempre han abusado de las tecnologías web

La gente suele mencionar los sitios basados en Flash, las molestas intros, los anuncios basados en Flash, el hecho de que sea de código cerrado y los exploits de Flash cuando critican el legado de Flash. Todos estos argumentos están muy bien hasta que te das cuenta de que todos estos comportamientos se replican en la web de hoy en día utilizando herramientas contemporáneas.

¿Comentarios? Dime qué piensas en el libro de visitas.