- Notifications
You must be signed in to change notification settings - Fork0
Este es un trabajo de rescate de "concretoons: poesía digital" para la internet después de Flash, utilizando Ruffle y JPEXS Free Flash Decompiler.
cyberpunga/concretoons
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Este es un trabajo de rescate deconcretoons: poesía digital para la internet después de Flash.
Puedes encontrar lademo aquí y elcódigo aquí.
Antes que losestándares abiertos comoHTML5 (2014),WebGL oWebAssembly (ambos lanzados en 2017) alcanzaran su popularidad actual o siquiera existieran,Adobe Flash Player era la opciónpor defecto de los creadores para laexperimentación artística en la web.
Un ejemplo de esto son losconcretoons (2010) de Benjamín Moreno:formado por 11 poemas digitales, concretoons rinde tributo a algunos de los trabajos más representativos de la poesía experimental iberoamericana.... [Utilizando]los videojuegos como medio de creación poética.
Como parte de su trabajo de documentación, rescate y preservación de la literatura digital, elCentro de Cultura Digital México mantieneen línea esta pieza, donde se puede visitar hasta el día de hoy.
Sin embargo, en 2021 losconcretoons y todo el contenido Flash producido durante dos décadas de vida útil delplugin han sido reemplazados por el mensaje de error:este complemento no es compatible, despues de que Adobe pusierafin al soporte para Flash Player el 31 de diciembre de 2020.
Para comenzar nuestra operación de rescate necesitamos una copia del sitio.
Para descargar los archivos del sitio utilizamos el comandowget, así que abrimos una terminal y ejecutamos lo siguiente.
$ wget --recursive http://concretoons.centroculturadigital.mx/bbox.html
La opción--recursive es para decirle awget que descargue el documento.html especificado junto con todos sus archivos enlazados, incluyendo otros documentos.html junto con todos sus archivos enlazados también.
Al finalizar la descarga tendremos una carpeta llamadaconcretoons.centroculturadigital.mx con la siguiente estructura:
concretoons.centroculturadigital.mx├── complementos│ ├── adelante.jpg│ ├── atras.jpg│ ├── casa.jpg│ ├── concretoon21.swf│ ├── concretoon22.swf│ ├── concretoon23a.swf│ ├── concretoon24.swf│ ├── concretoon25.swf│ ├── concretoon26.swf│ ├── concretoon27.swf│ ├── concretoon2.swf│ ├── concretoon34.swf│ ├── concretoon40.swf│ ├── concretoon42.swf│ ├── falso.jpg│ ├── indice.swf│ └── info.jpg├── aqui.html├── bbox.html├── borges.html├── brossa.html├── carrion.html├── colofon.html├── indice.html├── mallarme.html├── noigandres.html├── nokia.html├── paz.html└── valium.html1 carpeta, 29 archivos
En la carpeta principal están todos los archivos.html, y en la subcarpetacomplementos están las imágenes de navegación, elindice.swf y los 11 archivos.swf que componen la colección deconcretoons.
Perfecto, ya tenemos una copia del sitio.
Una búsqueda en GitHub por posibles soluciones para visualizar y editar contenido Flash nos arroja un par de proyectos interesantes:
Ruffle es un emulador de Flash Player escrito en el lenguaje Rust, y uno de sussabores puede ejecutarse en el navegador.
JPEXS Free Flash Decompiler es undecompilador y editor de archivos
.swfescrito en Java y está disponible para Windows, Linux y MacOS.
CargandoRuffle
Ruffle existe en 3sabores:
- Aplicación de escritorio
- Extensión para el navegador
- Librería javascript
Esta última (incluye una copia deRuffle como módulo.wasm), tambien llamadaself hosted (auto-alojable), se puede incluir en un archivo.html que contenga contenido Flash, y permite que los usuarios vean el contenido sin tener que instalar nada por su lado.
Descargamos una copia desde susitio web y descomprimimos su contenido en una subcarpeta llamadalib que debemos crear en la carpeta principal de nuestro proyecto.
Por último debemos agregar la siguiente línea dentro del elemento<head> de nuestros archivos.html.
<scriptsrc="lib/ruffle.js"></script>
Podemos agregar manualmente esta línea, archivo por archivo, o podemos ejecutar el siguiente script para agregarla a todos los archivos.html del proyecto.
foriin*.html;do sed -i's/<head>/<head>\n<script src=\"lib\/ruffle.js\"><\/script>/'"$i";done
Listo, eso es todo... bueno, casi.
Editando conJPEXS Free Flash Decompiler
Alvisualizar localmente nuestra copia de losconcretoons podemos notar que elindice.swf sigue enlazando hacia las piezas alojadas en el sitio original (ej:http://concretoons.centroculturadigital.mx/nokia.html).
Para editar nuestroindice.swf y hacer que los enlaces lleven hacia nuestras piezas recién rescatadas utilizamosJPEXS Free Flash Decompiler.
En la primera ventana podemos ver el contenido de nuestroindice.swf. Una vez aquí desplegamosscripts, donde se encuentran definidos todos los botones.
Al desplegar los botones seleccionamos la opciónBUTTONCONDACTION on(release), y en la ventana de la derecha encontramos algo como esto:
GetUrl "http://concretoons.centroculturadigital.mx/nokia.html" "_self"Ya que en nuestro proyecto todos los archivos.html están en la misma carpeta podemos reemplazarlo por algo como esto:
GetUrl "nokia.html" "_self"Debemos realizar esto con todas opciones definidas en elindice.swf y ahora sí, eso es todo.
Si intentamos abrir los archivos.html dándoles doble click desde la carpeta local, estaremos utilizando el protocolofile://. Esto no funciona porque que los navegadores,por defecto, bloquean algunas características al usar este protocolo por motivos de seguridad.
Para ver nuestros archivos.html utilizando el protocolohttp:// debemos servir nuestros archivos a través de un servidor web.
Si tenemos instalado NodeJS, una solución rápida es instalar el paquetenws.
# Con npmnpm --global install nws# O si utilizamos yarnyarn global add nws
Una vez instalado, en una terminal nos dirigimos a la carpeta de nuestrosconcretoons y ejecutamos lo siguiente.
nws.Para ver nuestrosconcretoons en nuestro servidor local podemos dirigirnos ahttps://localhost:3030/indice.html en nuestro navegador.
About
Este es un trabajo de rescate de "concretoons: poesía digital" para la internet después de Flash, utilizando Ruffle y JPEXS Free Flash Decompiler.