Crear páginas web visuales en tiempo real con Flipbook.page

Hace menos de un mes apareció una plataforma que puede revolucionar el concepto de búsqueda en la web.  La plataforma Flipbook.page genera páginas web visuales en tiempo real compuestas exclusivamente por imágenes generadas por Inteligencia Artificial, y además actuando como un navegador visual infinito.  Esta herramienta de IA utiliza agentes web para buscar información en internet y convertirla en píxeles interactivos, a diferencia de un creador de folletos tradicional. Ahora mismo es experimental y solo a nivel de demo, pero da la sensación de un nuevo paradigma.
El proyecto se describe a sí mismo como un navegador visual infinito generado bajo demanda, en tiempo real, donde cada página es una imagen y cada clic abre una exploración visual más profunda de aquello que captó tu atención.

¿Qué hace Flipbook?

Lo que lo hace emocionante no es solo la tecnología, sino la filosofía de interfaz que la sustenta. En lugar de obligar a los usuarios a traducir su curiosidad en una larga lista de preguntas, Flipbook les permite escribir en una barra de búsqueda similar a la de un navegador y luego ver cómo esa información aparece como una hermosa ilustración.

Para entenderlo mejor, una imagen vale más que mil palabras. Observa la imagen. En en el buscador hemos tecleado «Casa Batllló» y produce un resultado tan visual como el que puedes ver en la imagen
Ejemplo de cómo se pueden crear páginas web visuales en tiempo real con Flipbook.page
Características del contenido generado
  • Las pantallas resultantes no contienen texto HTML ni enlaces tradicionales. Cada página es una imagen completa generada bajo demanda.
  • Al hacer clic en un elemento de la imagen, la IA detecta la intención, realiza una búsqueda web y genera una nueva página gráfica para profundizar en ese concepto.
  • La información se muestra de manera espacial, enlazando ideas a través de transiciones de imágenes.
  • Aunque el entorno es generado artísticamente por modelos de difusión, los datos provienen de fuentes web reales extraídas por agentes en tiempo real

Al hacer click sobre alguna de las partes de la imagen, se creará una nueva infografia sin perder la anterior.

páginas web visuales en tiempo real con Flipbook.page

¿Cómo funciona?

Han optimizando al máximo un modelo de vídeo para transmitir en tiempo real vídeo en vivo a 1080p, 24fps a través de WebSocket. La infraestructura del servidor es GPU sin servidor. El navegador solo recibe los píxeles y los muestra. Como no hay motor de diseño, las ilustraciones se deforman libremente según el tamaño de la ventana.

¿De qué estilo o técnica son las imágenes que generan?

El estilo estético principal de Flipbook.page se basa fuertemente en la técnica 2.5D, la perspectiva isométrica y el modelado pseudo-3D estilizado.
A diferencia de las fotos planas (2D) o los entornos tridimensionales interactivos reales (3D), la plataforma renderiza sus interfaces simulando profundidad mediante capas superpuestas. [1, 2]
Técnicas y Estilos Visuales Clave
  • Perspectiva Isométrica y Axonométrica: Los objetos, botones simulados y paneles informativos se disponen en ángulos diagonales. Esto genera un efecto de diorama tridimensional sobre un plano que sigue siendo estrictamente bidimensional.
  • Composición en Capas (2.5D): Los fondos, los textos generados y los elementos interactivos se apilan con sombras paralelas pronunciadas. Esto crea una ilusión óptica de relieve y separación espacial entre el primer plano y el fondo.
  • Estilo «Claymation» y Renderizado Digital Suave: El acabado visual suele recordar al plástico moldeado, la arcilla digital (estilo clay) o un diseño skeuomórfico futurista. Las formas son redondeadas, con luces y reflejos brillantes que intentan imitar texturas físicas reales.
  • Estética de Interfaz de Videojuego (UI/UX Art): El resultado visual final se asemeja a los mapas de selección de nivel de un videojuego contemporáneo o a los menús conceptuales de ciencia ficción, sustituyendo por completo la estructura plana y minimalista de la web convencional.

¿Recuerdas HyperCard? Flipbook es el sueño de HyperCard hecho realidad gracias a la IA

Flipbook evoca inmediatamente HyperCard de Bill Atkinson, el legendario software de Apple de 1987 que organizaba información en pilas de tarjetas visuales vinculadas gráficamente. Este precursor de la World Wide Web permitía a los usuarios explorar ideas haciendo clic en botones dibujados y regiones de una pantalla de mapa de bits. En HyperCard, se podía dibujar una casa, definir la puerta principal como una zona interactiva y vincularla a otra tarjeta que mostraba la sala de estar. Era una obra maestra del diseño interactivo, pero requería que una persona dibujara y vinculara meticulosamente cada tarjeta.

Flipbook es el sueño de HyperCard hecho realidad gracias a la IA, que captura la misma sensación de explorar el conocimiento de forma espacial en lugar de lineal. Cuando haces clic en un elemento visual —por ejemplo, el motor de un coche o una montaña específica en un paisaje— no hay ninguna tarjeta predefinida esperándote.

El sistema analiza la región exacta en la que hiciste clic, deduce tu interés y genera la siguiente tarjeta detallada en tiempo real. Se parece al tipo de pila bellamente ilustrada en la que se habría convertido HyperCard si hubiera sobrevivido el tiempo suficiente para fusionarse con la IA generativa.

La verdadera ruptura con la web es aún más extraña de lo que sugiere esa comparación. Según la propia descripción de Flipbook, lo que se ve no contiene HTML, ni elementos de interfaz convencionales, ni superposiciones de texto. Incluso el texto se renderiza como píxeles mediante el propio modelo de imagen, al igual que HyperCard.

Compartir un FlipBook.page

FlipBook.page permite compartir nuestras «busquedas». No tenemos más que pasar la URL y el usuario que la abra podrá ver una infografia, en la que podrá navegar, de El Parque del Retiro de Madrid  https://flipbook.page/n/d13df846af4c4c898ca4c91aab495c97

Limitaciones de FlipBook.page

Dado que trabaja con IA generativa Flipbook.page nunca genera los mismos resultados y algo así puede ser bastante negativo. Precisamente la opción de compartir, que es muy desconocida por muchos usuarios es la que puede impedir que se generen resultados tan distintos sobre un mismo tema. El problema es que Flipbook no muestra las busquedas que se han realizado y es algo, que desde nuestro punto de vista, consideramos vital. ¿Para qué generar una infográfia si ya ha sido creada por otro usuario?

El futuro de Flipbook.page y el futuro de la Web

Sin embargo, lo importante aquí no es si Flipbook está completo y funciona correctamente Lo importante es que apunta a un futuro de la IA que, por fin, se centra en la experiencia en lugar de la producción, en la interfaz en lugar de un chatbot irritante. Resulta mucho más humano disfrutar de la comprensión visual que de la generación interminable de texto. Si los últimos tres años de la IA se han centrado en pedir a las máquinas que hablen, Flipbook sugiere que la siguiente fase podría consistir en enseñarles a mostrar cosas y a educar.

 

 

Scroll al inicio