Cómo Reconstruimos el Patio de Juegos Creativo Que Flash Llevó a la Tumba

Hola, mi nombre es Conall y soy el CTO aquí en Zapper. Hoy voy a dar un elogio a Flash, la plataforma de contenido que entregó una o dos décadas de experiencias de entretenimiento a niños y adultos de todo el mundo. Ya sea que fuera antes de tu tiempo o si pasaste muchas de tus horas jugando juegos de Flash en el pasado, una influencia innegable en la historia de Internet, particularmente en sus años formativos.

Así que hablaremos un poco sobre qué es Flash y qué lo hizo genial. Hablaremos sobre su desaparición y por qué lamentablemente ya no está con nosotros. Luego hablaremos sobre cómo, con herramientas modernas, podemos volver a ese patio de recreo creativo que Flash llevó a la tumba. Así que Flash era un tiempo de ejecución y un entorno de desarrollo creativo para entregar experiencias interactivas para la web.

Así que el tiempo de ejecución era un plugin que existía dentro de Internet Explorer o Chrome o tu navegador web y permitía que las páginas web tuvieran experiencias animadas e interactivas con audio y video en un momento en que todo lo que el navegador web podía hacer normalmente eran imágenes y texto. Y luego había un entorno de desarrollo creativo, una aplicación que los desarrolladores creativos usarían para construir esas experiencias para que los usuarios finales accedieran en su navegador.

Y lo clave aquí era que una vez que se había construido una experiencia dada, siempre que el usuario tuviera ese tiempo de ejecución en su navegador web, no tenía que instalar ningún software adicional para acceder a la experiencia. Así que era realmente de baja fricción para que los usuarios finales tuvieran ese entretenimiento. Eso es, supongo, una simplificación excesiva de lo que era Flash, porque realmente era entretenimiento para una generación de niños y adultos. Era un vector de procrastinación para esos niños y adultos. Era la razón por la que los escolares corrían al aula de informática en los recreos. Y de hecho, también era la tecnología detrás del video en streaming durante una década. Es un punto bastante interesante que, de hecho, el video estaba impulsado por un dispositivo llamado video que, de hecho, el video estaba impulsado por Flash en la web durante mucho tiempo. Y hablaremos un poco sobre eso más tarde.

Ahora, esta puede ser una pantalla llena de nostalgia para algunos de ustedes. Estos son solo una selección de las experiencias que la gente podría haber tenido con Flash en su día, desde cosas como juegos de defensa de torres hasta el juego de física de trial en bicicleta o, de hecho, Habbo Hotel, que probablemente fue la primera experiencia de red social para muchos niños en todo el mundo. Debo decir que Habbo Hotel fue técnicamente construido con una tecnología llamada Shockwave, que es una especie de tecnología hermana de Flash. En cualquier caso, el contenido de mi charla se aplica tanto a Shockwave como a Flash. Y posteriormente, de hecho, las dos tecnologías convergieron. Ambas eran operadas por las mismas empresas.

Así que un poco de la historia de Flash. Comenzó como una herramienta de animación vectorial llamada Smart Sketch por una empresa llamada FutureWave. Pero luego, muy rápidamente, en 1996, fue adquirida por Macromedia. Y operaron y construyeron Flash Editor y Runtime durante aproximadamente una década, posteriormente adquirida por Adobe, mantenida y ofrecida por ellos hasta su desaparición en 2020, cuando Adobe declaró su fin de vida. Ahora, estos días desde 1996 hasta aproximadamente 2010 fueron los días de gloria de Flash. Fue durante este tiempo que prácticamente cualquier sitio web que visitabas en Internet presentaría Flash de alguna manera, ya sea a través de anuncios o a través de juegos o, de hecho, a través de video.

Curiosamente, algo como YouTube, por ejemplo, entregó todo el video en streaming a través de Flash hasta aproximadamente 2015, lo cual supongo que es un poco locamente reciente. Supongo que 2015 fue hace 10 años ahora. Pero si consideras la compresión del tiempo de COVID en el medio, parece loco pensar que fue tan reciente que Flash todavía estaba ejecutando una gran proporción de los tipos de experiencias que teníamos en la web. Pero luego, desde aproximadamente 2010 hasta 2020, Flash estaba como en soporte vital. Y hablaremos sobre por qué es eso en un momento. Así que para considerar la desaparición de Flash, es importante para nosotros hacer una autopsia y entender exactamente qué era Flash. Era una serie de elementos. En particular, en el editor, teníamos un canvas, que en Flash se llamaba el escenario.

Y aquí es donde traías assets y gráficos y construías los visuales de tu experiencia. Y Flash era un conjunto de timeline y debería decir, lo siento, un conjunto de primitivas de animación de las cuales el timeline era la clave. Así que había un único timeline en Flash y podías animar los elementos de tu stage usando el timeline. Había un entorno de scripting en Flash llamado ActionScript, que era muy parecido a JavaScript, de hecho, aunque fue construido específicamente para Flash. Y te permitía construir experiencias interactivas, hacer networking y otras cosas por el estilo. Y había un concepto de modularidad en Flash llamado movie clips. Esto te permitía construir pequeños fragmentos de experiencia aislados y autónomos que podías usar múltiples veces dentro de una experiencia dada o podías usar entre múltiples proyectos. Y podemos pensar en estos como las cuatro características mágicas, un canvas, animación, scripting y modularidad. Y con estas cuatro características, podías construir todo el increíble contenido que hemos visto de Flash.

Había un concepto realmente importante con Flash, que es uno de complejidad progresiva. Así que si eres un desarrollador de contenido, puedes comenzar a usar Flash sin tener que usar el lenguaje de scripting, por ejemplo. Y puedes construir experiencias comparativamente simples. Eso podría ser animaciones o pequeños movie clips que verías en una página web. Pero el entorno de scripting y la complejidad adicional disponible en Flash estaba allí para cuando estuvieras listo para ello y lo necesitaras. Así que había una progresión realmente agradable de requerimiento técnico y habilidad técnica en Flash que significa que los niños que lo están tomando como su primera salida creativa y técnica pueden comenzar muy rápida y fácilmente. Pero luego esa misma herramienta puede ser utilizada para entregar experiencias de muy alto nivel para marcas o realmente interactivas y atractivas experiencias de juego en parte de la comunidad que rodeaba a Flash.

Y por supuesto, el contenido construido en Flash estaba optimizado para la web, ya que tenía este pequeño runtime. Así que cuando los usuarios finales estaban accediendo a un juego o experiencia dada en su navegador web a través de Flash, era una pequeña cantidad de descarga para ellos. Y eso era realmente importante en esos años iniciales de internet cuando la gente estaba en módems de dial-up. Si tenías suerte, tendrías 56 kilobits de descarga. Yo, en ese momento, vivía en la Escocia rural y no tenía suerte, y tenía suerte si obtenía 22 kilobits por segundo. Y como resultado, los usuarios realmente se beneficiaban de que el contenido estuviera optimizado para esa entrega de forma corta a través de la web, y Flash era genial para eso. Y no había instalación externa. Así que como mencioné antes, si quiero experimentar un contenido dado de Flash, no tengo que instalar otra aplicación en mi computadora. Y así para todos esos niños que se apresuran al aula de informática en los recreos para jugar juegos de Flash, no tienen que intentar colar un archivo exe diferente en las computadoras mantenidas por la escuela. Solo el navegador web era todo lo que necesitaban para tener esas increíbles experiencias.

Entonces, ¿qué salió mal? ¿Por qué no tenemos Flash hoy? Bueno, lo primero que hay que decir es que Flash era una pesadilla de seguridad. Así que inicialmente se desplegó en Windows con una tecnología llamada ActiveX, que es básicamente una vulnerabilidad de ejecución remota de código como característica. ActiveX permitía a los proveedores de páginas web entregar códigos nativos que se ejecutarían con Dios sabe qué permisos en el dispositivo del usuario final. Y esto llevó a muchos problemas de seguridad con el contenido y vulnerabilidades, virus y similares, siendo entregados a través de ActiveX.

Ahora, a lo largo de los años, ActiveX mejoró, pero Flash nunca pudo alejarse de este problema de ser, supongo, una aplicación construida nativamente que intenta ejecutarse en un entorno no seguro como el navegador web. En Chrome, había una API llamada NP API, que creo que significa native plugin API. Y ese era el mecanismo por el cual Flash se ejecutaba en Chrome y Chromium basado en nativo y esa era una tecnología que Google busca desmantelar ya que iba a ser reemplazada por WebAssembly. Y así, para que Flash estuviera con nosotros hoy, habría tenido que ser reimplementado en una tecnología como WebAssembly para que aún pudiéramos usarlo en nuestros navegadores web.

Pero desafortunadamente, todos estos aspectos discutidos hasta ahora, esta pesadilla de seguridad y estos desafíos subyacentes de API no son realmente la verdadera razón por la que no tenemos Flash hoy. La verdadera razón es esta, el teléfono móvil y el iPhone en particular. Así que, efectivamente, Flash no era responsivo. No fue construido para poder manejar teléfonos de diferentes tamaños y pantallas de diferentes dimensiones y lo que sea. El stage de Flash, ese canvas del que hablamos, era de tamaño fijo. Y así, si querías construir una experiencia que funcionara igual de bien en dispositivos de mano que en el escritorio, Flash no iba a ser la forma de hacerlo.

En particular, el iPhone, cuando se lanzó, no soportaba Flash y Apple fue muy claro al decir que no soportarían Flash. Eso significaba que iba a haber toda una generación de dispositivos que la gente tendría donde no se podría desplegar una experiencia Flash a ese usuario. Y, como resultado, los creadores de contenido huyeron a la app store porque querían tener una relación con sus usuarios finales en ese dispositivo. Y así, aplicaciones como Angry Birds, por ejemplo, fueron construidas para las plataformas nativas de teléfonos móviles en lugar de algo como Flash.

Así que, en 2020, Adobe descontinuó Flash y lo declaró fin de vida, para gran decepción y el duelo, supongo, de las comunidades que se habían formado alrededor de Flash, comunidades como Miniclip o Congregate, juegos de Facebook, juegos de MSN, estos ricos centros de contenido atractivo al que los usuarios accedían a través de estas diferentes plataformas.

Entonces, ¿cómo podemos volver a ese mundo de este increíble patio de juegos creativo? ¿Cuál es el sucesor de Flash que tenemos hoy? Bueno, comienza con HTML5. Este conjunto de APIs integradas en los navegadores web que ha evolucionado, supongo, durante el tiempo de la desaparición de Flash, un poco antes, un poco después. El primero importante es Canvas. Así que, ese es este elemento que puede ser parte de tu página web que es un área donde puedes dibujar en ese espacio usando ya sea una API 2D, o hablaremos sobre 3D en un momento. Canvas llegó a Internet Explorer en 2011.

Y así, 2011 fue realmente el tipo de punto en el que podías comenzar a usar Canvas y apuntar a los navegadores que los usuarios tienen. También estaba el elemento de video que estaba generalmente disponible, supongo, en 2011. Nuevamente, gracias a Internet Explorer por estar un poco tarde en el juego.

Y luego, la API WebGL. Así que, esto permite que las páginas web construyan experiencias 3D que son impulsadas por las funciones aceleradas de la tarjeta gráfica en el dispositivo. 2014 es cuando WebGL llegó al iPhone, y esa es la fecha que he señalado para eso allí. Y es la combinación de estas tecnologías lo que se convierte, supongo, en un entorno de ejecución para entregar estas experiencias interactivas para la web. Tenemos cada una de las partes que necesitamos para dar ese contenido subyacente.

Pero, si recuerdas de antes, esta era mi diapositiva de antes. El entorno de ejecución es solo una parte de lo que Flash proporcionó para la web. La otra parte es un entorno de desarrollo creativo para construir estas experiencias ricas e interactivas. Y así, hay una nueva generación de herramientas creativas disponibles. Gran parte de esto ha llegado solo en los últimos tres, cuatro años.

Hay herramientas como Wonderland Engine o Play Canvas. La que voy a hablarles hoy, porque en plena divulgación, la hacemos en Zapper, es una herramienta llamada MatterCraft. Estos entornos de desarrollo de contenido están cerrando la brecha entre ese entorno de ejecución y el entorno de desarrollo creativo completo que Flash proporcionó.

Así que, podemos echar un pequeño vistazo a MatterCraft. Aunque, debería decir que lo que voy a hablar aquí también es cierto para estos otros entornos de desarrollo creativo. Y hay otros entornos de desarrollo creativo por ahí también, además de aquellos que mencioné. Pero tenemos estos elementos centrales que teníamos en Flash.

Así que, tenemos un lienzo. En este caso, el lienzo ahora es 3D, aunque, por supuesto, también se puede construir contenido 2D. Tenemos primitivas de animación. Así que, en MatterCraft, tenemos líneas de tiempo, al igual que Flash tenía una línea de tiempo. Pero también tenemos la capacidad de tener múltiples líneas de tiempo y animaciones en capas. Animaciones que son independientes o trabajan juntas con otras animaciones. Así que, una implementación mucho más poderosa de lo que era la característica principal en Flash. Y veremos que en todas estas características, tenemos la retrospectiva de Flash.

Así que, podemos mirar herramientas como Flash y entender cuáles fueron los beneficios, pero ¿dónde estaban las limitaciones? Y si podemos, con esta próxima generación de herramientas, eliminar algunas de esas limitaciones, podemos construir herramientas mejores y más modernas. Hay scripting. Y en MatterCraft, MatterCraft está construido sobre y adopta tecnologías web. Y como resultado, cuando estás construyendo una experiencia en MatterCraft, estás construyendo una página web o un sitio web. Y así, el scripting es simplemente TypeScript o JavaScript. Es exactamente lo mismo que las APIs normales del navegador disponibles como si solo estuvieras haciendo una página web.

Y al final del día, cuando ejecutas una experiencia de MatterCraft en un dispositivo del usuario final, simplemente se ejecuta en el navegador de la manera normal. Y existe el concepto de modularidad. Así que, al igual que Flash tenía estos clips de película, MatterCraft tiene componentes. Y son como los componentes que tendrías en React o en Angular. Son un mecanismo para encapsular un poco de experiencia. Y eso podría ser interactividad, podrían ser activos como modelos 3D o imágenes, y combinarlos todos juntos en un único elemento reutilizable, un componente, que puedes instanciar múltiples veces en una experiencia dada donde puedes reutilizar entre diferentes experiencias.

MatterCraft es una herramienta moderna, al igual que las otras herramientas que he mencionado. Y eso nos permite usar técnicas más modernas y presentar una interfaz de usuario más moderna al desarrollador de contenido. Y así, características como una vista previa en vivo siempre activa permiten a los desarrolladores de contenido ver instantáneamente su experiencia, digamos en un teléfono móvil, mientras la editan y trabajan en ella en MatterCraft. Así que, obtienes este flujo de desarrollo de contenido realmente agradable y ajustado. Y tenemos herramientas de funcionalidad emergente como un asistente de IA completamente integrado que te permite trabajar y construir esta experiencia de contenido en un flujo conversacional con un asistente de IA, o para que ese asistente de IA entienda y te ayude en lo que estás construyendo.

En cada uno de estos casos, el conjunto de tecnologías está ahí para intentar mejorar y complementar el proceso creativo que el desarrollador creativo está aportando a la experiencia. Así que, aquí hay un pequeño conjunto de ejemplos de algunos contenidos construidos con MatterCraft. Como puedes ver, el contenido puede ser 3D, es interactivo, es rico y animado. En algunos casos, pueden tener características sofisticadas como la realidad aumentada.

En cada caso, estas son experiencias de formato corto a las que los usuarios acceden navegando directamente en su teléfono. Quizás han escaneado un código QR o han hecho clic en un enlace en algún lugar. En cualquier caso, no tienen que descargar ningún plugin. No tienen que ir a la tienda de aplicaciones para descargar una aplicación separada para jugar estas experiencias.

Estamos aprovechando el tiempo de ejecución del navegador. Estamos aprovechando la facilidad de despliegue de la web para ofrecer una experiencia sin fricciones, tanto para el desarrollador de contenido como, por supuesto, para el usuario final. Y así, con herramientas como MatterCraft, tenemos esas cuatro características mágicas que necesitábamos para reemplazar Flash, si se quiere. Tenemos el canvas, tenemos primitivas de animación, tenemos scripting, y tenemos modularidad.

Y con herramientas como MatterCraft, también tenemos este concepto de complejidad progresiva que puedes comenzar a usar una herramienta como MatterCraft sin escribir una línea de código si no quieres o no sabes cómo. Puedes usar las primitivas de animación, puedes usar el canvas y las otras características que están ahí para construir incluso experiencias interactivas sin tocar el código en absoluto. Pero MatterCraft proporciona ese nivel de complejidad para ti cuando estés listo, si quieres usarlo.