≠̛̦N̵͋ͅ:̷̠͠:̵̻̓E̴͜͠:̶͔͛:̸̢̾S̸̻͊=̵̘̓
INTRODUCCIÓN
≠̛̦N̵͋ͅ:̷̠͠:̵̻̓E̴͜͠:̶͔͛:̸̢̾S̸̻͊=̵̘̓ (nombre provisional, aún no soy capaz de encontrar un buen nombre) es un proyecto Interactivo de exploración Web (Transmedia Interactivo) que reflexiona sobre nuestra identidad y privacidad en el mundo virtual.
Hoy en día estamos rodeados de aparatos electrónicos conectados a la red que recopilan todo tipo de datos sobre nosotros; estos aparatos cuyo funcionamiento es muy complejo están cubiertos de capas amigables y accesibles para que el usuario medio pueda interactuar con ellos y realizar las tareas que necesite.
Esta capa se encuentra tanto en forma de botones físicos (Interfaz) como en la pantalla (GUI); nos facilita las cosas pero al estar diseñada por las grandes empresas sirve a su vez para ocultar todo tipo de procesos internos que “no hace falta que sean vistos”.
En este sentido, la GUI en la pantalla actúa como una ventana opaca que dicta cómo interactuamos con la máquina, que enmascara el código informático y los muestra en forma de llamativos iconos e imágenes y esconde aquellos procesos, sistemas, scripts, funcionamientos, etc. que no deben ser vistos... aquellos “lugares ocultos”.
El pretexto de este proyecto son las metáforas visuales de esos “lugares ocultos”, que más que criticar su ocultación, les doy un aire místico y ficcionado, creando un ambiente oscuro, onírico o metafísico, de suspense y desorientador; como si el espectador hubiese encontrado un espacio prohibido, y hubiese entrado en él… pero además de eso, en este espacio me permito explorar narrativas visuales más personales, creando así espacios abstractos, interactivos y cinematográficos, que evoquen las ideas que planteo principalmente, pero que las representen de forma más sutil o informe (manteniendo, claro está, la estética e ideas, como digo).
Mediante la rotura puntual de la GUI amigable, se abre paso a la zona oculta, y el “jugador/espectador”, sale de su lugar de confort y se adentra en aquellos lugares… No hay un fin concreto, tan solo la exploración; vagar sin rumbo y acceder a las habitaciones - espacios; leyendo, observando, estableciendo relaciones, etc.
METODOLOGÍA
Ha sido crucial utilizar una libreta de trabajo para ir dibujando y apuntando las ideas que se me ocurrían para hacer la interactividad y para crear los espacios en 3D, así como para establecer relaciones entre elementos visuales que podrían ser interesantes para la narrativa abierta…
Como no estaba aún muy familiarizado con el entorno de video interactivo web (en concreto con gráficos en 3D) empecé por ver qué cosas podía/sabía hacer; así que experimenté con Unity para ver si podía hacer algo con las mecánicas de un videojuego, pero acabé borrando lo que había hecho porque no fui capaz de subirlo a la web y montar el servidor para hacer que funcione; así que recurrí al Blender, el cual no proporciona ningún tipo de jugabilidad (tan solo sirve para modelado y animación 3D). Y para la interactividad, rendericé las primeras pruebas y las monté en el software Saola Animate de forma que pareciera que con los clics del ratón el jugador podía moverse; algo parecido a algunos de los primeros juegos en 3D, que funcionaban simulando el movimiento con distintos planos de un mismo espacio virtual.
Teniendo claro qué programas utilizar y cómo les podía dar uso, simplemente me puse a construir la web.
Sabía que quería una estética concreta (web “moderna” y que tras explorar, y romper el sitio, apareciese un programa ejecutable antiguo que funciona a través del navegador) desarrollé primero las ideas en mi libreta, ya que me interesaba poder bocetearlas y diseñarlas bien y luego realizarlas en el ordenador con los programas.
Por ejemplo, para los menús de la Landing page utilicé tan solo Saola Animate (tanto gráficos como interactividad y estructura), y para los menús que componen el programa web oculto fue una mezcla de Photoshop (para más control y gráficos más complejos) y Saola Animate (para interactividad y estructura).
La parte narrativa en 3D la pensé en forma de narrativa en árbol y pensé algunos caminos interesantes (los cuales aún estoy produciendo) en los que el espectador empieza siempre en la misma página, va avanzando según encuentra los caminos a seguir y siempre puede volver atrás y explorar libremente.
De momento, esta metodología me funciona bien, ya que con lo que tengo hecho puedo seguir trabajando en el diseño y desarrollo del programa oculto, de los caminos, el espacio en 3D y en general, expandiendo la narrativa y el proyecto. Es algo que siempre está ahí, y puede ser modificado o moldeado de forma sencilla.
FORMALIZACIÓN Y PROGRAMAS
Como ya he comentado la página web está hecha principalmente con el software Saola Animate, el cual trabaja con HTML y Java Script de forma integrada y permite crear animaciones y aplicaciones web. Con él formo la estructura de links y caminos, y programo los botones de las escenas, en las cuales aparecen lo que serían las páginas (como la de Landing Page o los renders en 3D).
Como ya he dicho, Blender es el único programa que utilizo para crear el espacio y las animaciones en 3D. Las texturas las estoy haciendo casi todas con capturas de fotos encontradas en redes sociales, así como fotografías tomadas por mi.
Para el audio (tanto los sonidos como la música) y edición de las animaciones en 3D, utilizo Davinci Resolve 17. En cuanto al material sonoro, estoy trabajando tanto con sonidos grabados como descargados de la web, y para la música o sonido ambiental, trabajo a partir de mixes y edición de otros sonidos con la ayuda de Mar Sánchez.
Photoshop, por otro lado, me permite hacer los gráficos de los botones, las ventanas del Programa, o los gifs animados.
*En un principio me planteé si usar Saola Animate o Tumult Hype para llevarlo a cabo; pero perdí el acceso a un sistema con macOS, así que me vi obligado a usar Saola, el cual me ha dado y me sigue dando muchos problemas y dolores de cabeza relacionados con el diseño de la web…
A día de hoy vuelvo a poder usar macOS, así que seguramente enlazaré lo que tengo hasta el momento con un documento hype, y seguiré desde ahí.
Con todo esto:
Tengo una web en la que aparece un diseño moderno y accesible, cuya funcionalidad ha sido truncada (a excepción de los links en el pie de página que llevan a lugares diversos también modificados). Al intentar acceder da un error que incita a la exploración del lugar; Si se da a “OK”se abre el acceso al scroll y a su vez a un pequeño botón (bug) que da paso a varios glitches/bugs, rompiendo cada vez la web, hasta que se llega a desplegar el plano Z (existente, aunque no lo parezca, en todas las páginas web), seguidamente aparece codigo css y código inventado que simula ser el ejecutable del “gateOpener”, que si se clica, da precisamente a la puerta que permite la entrada al programa web oculto (lo cual aún no está del todo acabado).
*Todo esto se hace rompiendo la línea de diseño accesible y sencillo tan a la moda hoy en día… Es un poco complicado navegar por una web rota como la que he hecho, y aunque esa es la idea, quizá pondré instrucciones o una explicación en el apartado de “Configuración” o “Acerca de” en el pie de página.*
Una vez abierto el programa oculto del que hablo se puede acceder al espacio 3d y seguir navegando.
CONCLUSIONES
Al hacer VIDEOTEX con Mar Sánchez vi que me interesaba muchísimo explorar más el tema de video interactivo y las narrativas abiertas.
Eso me llevó a plantear este proyecto y la verdad es que con él he descubierto todo un mundo... los espacios 3D en el navegador, la exploración interactiva, etc. un sinfín de posibilidades narrativas, de creación artística cercana al NET.art que personalmente me interesa mucho, y demás.
Está claro que la mayoría de ideas potenciales que he ido generado desde el principio del proyecto no están aún “materializadas” y que para la presentación no creo que puedan ser mostradas, y esque me he encontrado con bastantes problemas que me han ido frenando, como por ejemplo errores en el programa Saola que he tenido que solucionar, o problemas de compatibilidad al subirlo a la web; pero es un proyecto que desde un primer momento ya entendía como extenso, y por eso no me preocupé. Seguiré trabajando en él, llevando a cabo todo lo que me había planteado, desarrollando nuevas ideas y actualizando la web.
También me gustaría decir que a raíz de este proyecto, Mar y yo estamos empezando otro con una metodología muy similar, pero esta vez todo en 3d, más con mecánicas de videojuego de exploración y trabajando esta vez con Hype.
Notas:
- updates
- (ver pdf de referencias visuales)
20/04/21 Posible colaboración con Mar Sánchez y quizá otro amigo para la música del proyecto.
19/04/21 Finalmente, tras el intento fallido de usar el software Unity para crear una experiencia Interactiva 3D, he tenido que cambiar un poco de estrategia.
Para compilar el proyecto y subirlo a la red se necesitan conocimientos y herramientas de programación que no tengo, así que he abandonado la idea de crear un entorno similiar al de un videojuego, en el que el espectador toma el control de la camara y el movimiento, y he decidido que me acercaré más a lo que es Puppet Motel en cuanto a interactividad (Clicks y pulsar alguna que otra tecla), y a elementos 3D de JavaScript (que ya he probado y funcionan).
Por lo tanto trabajaré con Blender (espacios 3D), Photoshop (Animacion, GIFs, retoques), Davinci Resolve (Audio-Video), Saola Animate (Sustituto de TumultHype para sistemas Windows), así como Visual Studio Code (Programación, edicion HTML, CSS y JavaScript).
Para las texturas de los espacios en 3D estoy usando Texturepacks de CDs descargados de Archive.org e imagenes sacadas de las redes sociales. Algunos de los sonidos y música que uso son apropiados de varias fuentes, como por ejemplo tambien, las redes sociales, o de videos de YouTube; y otros son propios.
15/04/21 Existe una web llamada DONOTTRACK que reflexiona sobre muchos de los temas de los que quiero hablar; el trackeo, el big data, los Ads, de los usos que se le da a nuestros datos, etc. En general hablan de la "pesadilla" en la que vivimos hoy en dia con respecto a nuestra vida online; y lo hacen desde documentales interactivos muy llamativos y accesibles.
Es muy interesante y también me la estoy estudiando para extraer algunas de las reflexiones y llevarlas a mi terreno, aunque la parte estética no me interesa tanto para este proyecto.
10/04/21 Conferencia de la que me interesan varias reflexiones sobre la vida social virtualizada; y de la cual extraeré algunas ideas para mi proyecto.
Ingrid Guardiola. Aula oberta #10
Saber, fer, comprendre. Conferència
09/04/21 Con GitHub he podido crear un repositorio con los archivos de VIDEOTEX (Trabajo paralelo que estoy realizando con Mar Sánchez) y he creado una web a la que se puede acceder desde cualquier dispositivo.
EL LINK AL PROYECTO (Las escenas tardan en cargar por el tamaño de los videos, y la velocidad del servidor)
Es realmente sencillo y para este proyecto, aunque la idea es meterlo en un usb y crear un objeto mistico, creo que sería interesante probar de hacer una web.
Incluso quizá tiene hasta más sentido, ya que se trata de la simulacion de una Red Social.
IDEAS DE TITULO (no soy muy bueno para los títulos)
- LUCID SOCIAL MEDIA
- SOCIAL MEDIA DREAM
- SOCIAL KILLER
- VIRTUAL NIGHTMARE
IDEA PRINCIPAL
El punto de inicio es crear una experiencia Web / Video Interactiva narrativa que reflexione sobre nuestra identidad y privacidad en el mundo virtual.
La idea sería hacer un html que contenga lo que parece ser una red social amigable e inocente, y que a medida que se va explorando y avanzando por los menús, se vaya “rompiendo” y se haga accesible una especie de lugar oculto.
Dentro de lo que es la “Red Social” se incluirían los elementos típicos de estas; como por ejemplo: los amigos, las fotos de perfil, la bio, etc.
Dentro del “lugar oculto” incluiría elementos visuales interactivos, algo de diálogo, música (con la colaboración, quizá, de una compañera), y sobre todo un ambiente más oscuro, onírico y desorientador.
METODOLOGÍA
Abordaré el tema desde la ficción ya que no poseo las habilidades de Hacking que me gustaría como para poder hacer algo con código ni recogiendo datos reales de otras Redes Sociales.
Así que trabajaré con elementos de animación, GIFS, narrativa en árbol, collage audiovisual, apropiación de imágenes, video propio, etc.
Partirá todo de la reflexión de las estructuras y sistemas que nos rodean hoy en día, como por ejemplo, los trackers, las cookies, el big data, etc.; la excesiva necesidad de compartir nuestras vidas online y las demás problemáticas actuales de las Redes Sociales, así como el efecto que todo esto tiene en un individuo.
Quiero empezar pensando en los espacios que quiero crear teniendo en cuenta las ideas interesantes que ya he dicho; pero algo que me gustaría hacer es no encerrarme totalmente en ese tema, y abrir una posible experimentación narrativa visual más abstracta, interactiva y cinematográfica, partiendo de la idea de romper el sitio web y adentrarnos en ese “lugar extraño” por ejemplo, me parece muy interesante explorar vías surrealistas, metafísicas o como ya he dicho, oníricas.
Con todo eso dicho, empezaré creando un árbol con los distintos caminos que el “jugador” podrá seguir al entrar en la web o video interactivo; con qué cosas podrá interactuar, que eventos desencadenarán, a dónde lo llevarán y cómo podría terminar cada rama; así como plantear la posibilidad de navegación libre por el lugar, es decir, que se pueda retroceder, y explorar las ramas libremente.
HERRAMIENTAS Y MATERIAL
En un principio el proyecto está pensado para llevarse a cabo en HTML y JavaScript, y desarrollarse en Tumult Hype, pero dado que no se si tendré acceso a un ordenador con macOS no sé si tendré que cambiar de estrategia.
De todas formas, podría trabajar en Google Web Docs, aunque no lo he probado todavía.
También he pensado que podría compilar el trabajo en formato ejecutable y crear una aplicación de escritorio usando el programa Electron, que es gratuito y no parece muy complicado.
En cuanto a las animaciones, collage, y edición de imagen en general, usaría Photoshop y Davinci Resolve 17 para toda edición de video y sonido.
En cuanto a la materialización de la pieza, había pensado en usar un USB como contenedor, y así añadir el tema de objeto físico misterioso o encontrado que contiene aquello extraño, u oculto, como una conexión con otro mundo; pero ya iré viendo como avanza todo y si finalmente decidiré hacerlo.
CONCLUSIONES
Para mi el Video Interactivo es algo nuevo, y de momento le veo muchas posibilidades, sobre todo para crear experiencias que con cine “normal” no serían posibles.
Además está cerca del mundo de los videojuegos, el cual siempre me ha gustado y le he visto muchísimo potencial narrativo y experimental.
Anterior ↴
IDEA DIFUSA / PALABRAS CLAVE que me sirven de punto de partida
Propuesta de proyecto Reproductible / Interactivo - CD-ROM (Pen-Drive, Virus, Hack)
PUNTOS INTERESANTES (De momento):
- Identidad - Interactividad
- Proyeccion de la identidad (virtualizada) - Mascara / Pantalla
- Redes Sociales - Foto de perfil / Bio
- Entornos Virtuales
- Big Data -
- Proliferacion de camaras/pantallas/interfaces que controlan todos nuestros movimientos
- Inmersion en un entorno virtual, pasar de una pantalla a otra.
~ Vaciar las redes sociales. ~
Tumult Hype
HTML - EXE - Video - Animación - Fotografía - Collage - Apropiación
Interfaz poco amigable (contrariamente a la tendencia actual de las interfaces)
GIFS
ALGUNOS REFERENTES QUE HE PENSADO (De momento):
Vistos en PRINT:
- Jasper Elings - Flashing in the mirror (2009)
- Natalie Bookchin - Mass Ornament (2009)
- Oliver Laric - Versions (2009)
Otros:
- Jodi.org - stadstrienale.be ( )
↳ Jodi.org - idea de hackeo ???
- Giles Rollestone & Sophie Greenfield - Urban Feedback (1996)
↳ enfocada a la arquitectura virtual de las redes sociales (?).
- David Blair - WAXWEB ( )
↳ Me llama much ola atención, pero tengo que estudiarlo más.