
Web de lanzamiento de ROKO, una «IA» ficticia que en realidad es un canto rodado: una piedra 3D en tiempo real recorre doce secciones con el scroll, del escritorio a un colgante, una cámara térmica y un mojón.
Contexto
ROKO es un producto ficticio: un canto rodado lanzado como si fuera un dispositivo de IA, «Powered by AI*», donde la nota al pie dice Ancient Igneous, roca ígnea antigua. Hicimos su web el 28 de septiembre de 2026 en el género de las webs de lanzamiento satíricas, con la lógica de oryzo.ai del estudio Lusion: un solo objeto 3D lleva toda la historia del scroll, y la última pantalla convierte el chiste en la propuesta del estudio: si podemos vender una piedra, imagina lo que podemos hacer por tu marca.
Tomamos la estructura y la lógica, no los recursos: el producto, los textos, el 3D y todas las imágenes son nuestros. El reto que nos pusimos: que un producto deliberadamente inútil se sienta como un lanzamiento insignia, con materiales premium, interacciones reales y chistes para quien sigue las noticias de IA.
12
secciones de scroll; una sola piedra 3D en tiempo real las recorre todas
Fuente: Archivos fuente del sitio, 28 sept 2026
14
fotos y vídeos generados con nuestro render de la piedra como referencia (11 fotos, 3 vídeos)
Fuente: Registro de generación, 28 sept 2026
0
modelos 3D descargados o fotos de stock: la piedra y el atrezo se generan por código
Fuente: Archivos fuente del sitio, 28 sept 2026
0,19 MB
script principal con gzip (0,71 MB sin comprimir), three.js incluido
Fuente: Medido el 28 sept 2026, archivos de la build
Enfoque
La piedra se genera por código: un ruido con semilla erosiona un elipsoide ovalado, cinco semillas se guardan como morph targets y un material físico modificado añade motas, una veta blanca de cuarzo, microrrelieve, un modo de cámara térmica 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, así que 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 donde ROKO piensa durante 4.500 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 el modelo térmico, cifrado «bajo la piedra», una lupa de luz polarizada, tres versiones en cinco colores, una película de 24 segundos en tiempo real, sonido sintetizado y una descarga real de los «pesos abiertos» en .obj.
El escritorio, el plano, 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, Veo 3.1 fast) usando nuestro render de la piedra como referencia de producto, así que en cada foto aparece esta misma piedra.
Galería
Resultados
La web está publicada en /demos/roko/: una sola página con 12 secciones, 20 imágenes y 3 vídeos. El script principal, con three.js incluido, pesa 0,71 MB, o 0,19 MB con gzip; las fotos, los vídeos y las fuentes, más pesados, se cargan a medida que el visitante llega a ellos. El 28 de septiembre de 2026 la revisamos en Chrome headless a 1440 × 900 y en una pantalla de móvil de 390 px, probamos todas las interacciones y la consola quedó sin errores.
Lo que esto no demuestra
ROKO es un concepto que VITON13 hizo para mostrar su alcance, no un encargo. El producto, las reseñas, la prensa y los precios son sátira: no se vende nada, y la web no tiene cliente, dominio propio, usuarios ni tráfico.
Los textos están solo en inglés. El rendimiento se comprobó de forma puntual en una máquina con Chrome headless, no en distintos dispositivos, y este caso no tiene revisión de Lighthouse ni SEO. Las personas de las fotos y los vídeos son generadas, no clientes reales.
¿Planeas algo parecido? Nuestro fundador, Tarasov Vitalii, lee cada mensaje personalmente.
Siguiente proyecto
Presentaciones 3DPresentaciones 3D interactivas
Concepto2026
Todos los trabajos (32)



