ROKO: una web satírica de lanzamiento en la que una sola piedra 3D en tiempo real cuenta la historia

Las webs de lanzamiento de hardware de IA se han convertido en un género propio: un objeto reluciente, una historia contada con el scroll y grandes promesas. VITON¹³ crea sitios conceptuales para mostrar su alcance en géneros donde aún no tiene un proyecto de cliente que enseñar, y ROKO es el que lleva un chiste dentro. El producto es un canto rodado lanzado como un dispositivo de IA; la nota al pie de «Powered by AI*» dice «Ancient Igneous».

El encargo que nos pusimos fue que un producto deliberadamente inútil pareciera un lanzamiento insignia: materiales premium, interacciones reales y chistes que funcionen para quien sigue las noticias de IA. La estructura y la lógica siguen oryzo.ai, de Lusion, donde un solo objeto 3D lleva toda la página; el producto, los textos, el 3D y cada imagen son nuestros.

Una página en inglés con 12 secciones: una primera pantalla con una vista cenital de un escritorio de nogal, una sección de IA, una sección wearable, funciones, «cifrado bajo la piedra», una lupa macro, sostenibilidad, reseñas, una tira social, tres versiones del producto en cinco colores, «pesos abiertos» y un pie de página. Entre secciones, la misma piedra se levanta del escritorio, cuelga como colgante, sujeta papeles al viento, encaja en las O del logotipo y se apila en un mojón.

Cada sección tiene algo que hacer. Un chat en el que ROKO piensa durante 4500 millones de años y responde «…»; un prompt que le pone a la piedra en vivo gafas de sol, un gorro de fiesta, ojos locos, una pajarita o una corona; botones de temperatura para un modelo térmico; una lupa de luz polarizada; una película de 24 segundos en tiempo real; sonido sintetizado y una descarga real en .obj de los «pesos abiertos». La última pantalla se dirige a quien lee: si un estudio puede vender una piedra, imagina lo que puede hacer por una marca.

La piedra se genera por código. Un ruido con semilla erosiona un elipsoide con forma de huevo, cinco semillas se guardan como morph targets y un material físico modificado añade motas, una veta blanca de cuarzo, microrrelieve, un modo térmico «ironbow» con isotermas y un borde iridiscente de IA. Un director de escena da a cada sección una pose —piedra, atrezo, luz y fondo— y funde la salida de una sección con la entrada de la siguiente a lo largo de una pantalla de scroll, así que el canto rodado sigue siendo un solo objeto desde la primera pantalla hasta el pie de página.

El escritorio, el plano técnico, el atrezo y nueve fotos de producto se renderizan desde la misma escena. Las fotos con personas y tres vídeos de seis segundos se generaron con CometAPI (Nano Banana Pro para las imágenes fijas, Veo 3.1 fast para el vídeo) con nuestro propio render del canto rodado como referencia de producto, así que en cada foto aparece esta misma piedra. Las fotos, los vídeos y las fuentes se cargan cuando el visitante llega a ellos; la página lleva noindex, nofollow.

La web está publicada en tarasovvitalii.com/demos/roko/ como una sola página con 12 secciones, 20 imágenes y 3 vídeos, construida el 28 de septiembre de 2026. El script principal, three.js incluido, pesa 0,71 MB, o 0,19 MB con gzip; toda la build ocupa 6,6 MB, de los que 2,9 MB son vídeos que solo se cargan al llegar a ellos. Ese mismo día probamos una a una todas las interacciones en Chrome headless a 1440 × 900 y en una pantalla de móvil de 390 px, con la consola limpia.

En la dirección pública, ese mismo día, Lighthouse dio un rendimiento de 43 en móvil y de 64 en escritorio (medianas de tres ejecuciones), con buenas prácticas en 100 y accesibilidad en 92; la página transfiere 0,55 MB al cargar, y las fotos y los vídeos llegan a medida que el visitante hace scroll. En móvil, la puntuación la frenan las tareas largas del hilo principal al arrancar (tiempo total de bloqueo de 3,6 s) y un mayor elemento pintado que llega tarde, el texto de la primera pantalla, a los 4,2 s.

ROKO es un concepto que VITON¹³ creó para mostrar su alcance, no un encargo. El producto, sus reseñas, la prensa y los precios son sátira: no hay nada a la venta, y la web no tiene cliente, ni dominio propio, ni usuarios, ni tráfico, ni consultas. Las personas de las fotos y los vídeos son generadas, no clientes reales, y los textos están solo en inglés.

La tasa de fotogramas se comprobó de forma puntual en una sola máquina en Chrome headless (unos 100 fps en la sección de IA y 58 fps en la tira wearable), no se midió en distintos dispositivos y no dice nada de los móviles antiguos. Lighthouse mide la carga, no la fluidez de la escena 3D. La demo está fuera de los buscadores a propósito, así que no tiene resultados de búsqueda que mostrar.

Cómo revisar el portafolio de un estudio web →