--- title: "Janus Observatory: interfaz 3D para diez futuros posibles" description: "Janus Observatory: diez futuros de la Tierra en 3D, con atlas, observatorio y fuentes citadas, pensado para funcionar sin WebGL." url: "https://dardo.studio/es/proyectos/janus-observatory/" language: "es" translations: {"en":"https://dardo.studio/en/work/janus-observatory/","pt":"https://dardo.studio/pt/projetos/janus-observatory/"} updated: "2026-10-12T12:00:00Z" --- Caso de estudio # Janus Observatory Janus Observatory, un proyecto que Dardo desarrolla con Blue Marble Space, convierte el Proyecto Janus, un conjunto de diez escenarios coherentes para la Tierra dentro de mil años, en una experiencia en el navegador: una historia guiada de 17 capítulos por diez mundos 3D originales, un atlas para compararlos y un observatorio que mira cada mundo como lo haría un astrónomo extraterrestre. 2026 · Diseño web / Desarrollo creativo / 3D / Animación / Visualización de datos [Visitar sitio](https://janus-observatory.nicocerond.workers.dev/) ![Janus Observatory — vista previa del sitio](https://dardo.studio/work/motion/janus-worlds-v4.webp) Janus Observatory / Proyecto de Dardo · [Visitar sitio ](https://janus-observatory.nicocerond.workers.dev/) ## La investigación detrás Los escenarios vienen de un artículo revisado por pares de Jacob Haqq-Misra, George Profitiliotis y Ravi Kopparapu, del Blue Marble Space Institute of Science, publicado en Technological Forecasting and Social Change, con su versión en arXiv bajo licencia CC BY 4.0. El artículo modela cómo podría desarrollarse la tecnosfera de la Tierra durante un milenio y qué señales de tecnología podría detectar un observador lejano en cada caso. Diez futuros en un solo sitio crean un problema de navegación: una lista sería clara pero perdería la idea espacial, y una secuencia 3D continua impactaría pero haría difícil comparar. ## Qué construyó Dardo - **La Historia:** 17 capítulos que presentan los diez mundos uno a uno, con un astrónomo extraterrestre articulado y su telescopio como punto de vista. - **El Atlas:** cada escenario en su propia página, con sus datos, un conjunto descargable en JSON y CSV y comparaciones entre mundos. - **El Observatorio:** una escalera de instrumentos que muestra cómo se vería cada mundo con niveles de detalle crecientes, de un punto de luz lejano a su superficie. - **Páginas de Investigación, Métodos y Fuentes** que citan cada afirmación al artículo y sus datos, con un registro de procedencia para cada campo. - **Diez mundos low-poly originales** modelados para el proyecto, y un archivo de artefactos ficticios marcados claramente como ilustrativos. ## Hecho para funcionar sin 3D Así abordamos todo [sitio web 3D interactivo](https://dardo.studio/es/servicios/sitios-web-3d-interactivos/): la capa 3D suma significado y la página sigue funcionando sin ella. La regla del proyecto es que la experiencia principal debe funcionar sin WebGL y sin IA. Cada canvas tiene texto y datos estructurados detrás: los diez escenarios cargan con JavaScript desactivado, los controles funcionan sin WebGL, y la rotación con teclado, el foco visible y el movimiento reducido se construyeron con cada función y no después. El objetivo de accesibilidad es WCAG 2.2 AA, comprobado con axe-core en pruebas automáticas en Chromium, Firefox y WebKit. ## Rendimiento en un plan de hosting gratuito Janus corre en el plan gratuito de Cloudflare Workers, que limita el tamaño de la aplicación. El informe de publicación del 27 de septiembre de 2026 registra lo que eso exigió: - Los 59 modelos 3D se sirven como variantes gzip que suman 8,2 MB en lugar de 15,8 MB, un 47,9 % menos de descarga, y los originales se conservan para navegadores que no pueden descomprimirlas. - La decodificación Meshopt corre en un único worker en segundo plano que se apaga tras cinco segundos sin uso. - El JavaScript inicial del inicio pesa 197.059 bytes comprimidos, por debajo de un presupuesto de 256.000. - El Worker ocupa 2.769,68 KiB frente al límite de 3.072 KiB del plan gratuito, con un arranque registrado de 43 ms. - Se eliminó un bucle de precarga especulativa de Next.js y OpenNext que hizo 11.704 peticiones en una traza fallida; las pruebas ahora exigen cero peticiones especulativas. ## Tecnología El sitio es una aplicación Next.js 16 y React 19 con three.js, React Three Fiber, GSAP y D3, desplegada en Cloudflare Workers con OpenNext. Un flujo en Python procesa los datos del artículo y genera ocho conjuntos de datos canónicos con 1.361 registros de procedencia por campo. El proyecto guarda 35 registros de decisión que explican sus elecciones técnicas. ## Evidencia de implementación El 12 de octubre de 2026 revisamos la experiencia en vivo y sus páginas de Historia, Atlas, Observatorio, Investigación, Métodos, Fuentes y Accesibilidad. Las cifras anteriores vienen del informe de publicación del 27 de septiembre de 2026, que también registra 127 pruebas unitarias aprobadas, una auditoría HTTP pública de 20 páginas y los 59 modelos, y una batería de pruebas en Chromium, Firefox y WebKit móvil. ## Evidencia y límites Los escenarios son exploraciones a partir de investigación publicada, no pronósticos. La revisión científica del sitio sigue pendiente, como dicen sus propias páginas, y su asistente de investigación con IA está apagado en producción. Esta página no afirma una tasa de cuadros por segundo en todos los dispositivos: el informe de publicación retiró una cifra anterior que dependía de bajar la resolución. ![Janus Observatory — La Tierra: arquitectura y detalles de la superficie](https://dardo.studio/_astro/01M4H707TKJZS1JG9Z1AXVKQ17_Z2rlui1.webp) La Tierra: arquitectura y detalles de la superficie ![Janus Observatory — El observador y su telescopio](https://dardo.studio/_astro/01M4H708Y9B68E18C4YVPVNNZF_1IFHAM.webp) El observador y su telescopio [Visitar sitio](https://janus-observatory.nicocerond.workers.dev/) ## Fuentes y lecturas Evidencia principal del proyecto: el despliegue público y los detalles de implementación revisados por Dardo para este caso. - [Experiencia pública de Janus Observatory](https://janus-observatory.nicocerond.workers.dev/) · janus-observatory.nicocerond.workers.dev - [Fuentes y licencias de Janus Observatory](https://janus-observatory.nicocerond.workers.dev/sources) · janus-observatory.nicocerond.workers.dev - [Accesibilidad: controles, equivalentes no visuales y límites](https://janus-observatory.nicocerond.workers.dev/accessibility) · janus-observatory.nicocerond.workers.dev - [Artículo: Projections of Earth's Technosphere (Technological Forecasting and Social Change)](https://doi.org/10.1016/j.techfore.2025.124194) · doi.org - [Versión del artículo en arXiv (CC BY 4.0)](https://arxiv.org/abs/2409.00067) · arxiv.org [Dardo](https://dardo.studio/es/) · [Proyectos](https://dardo.studio/es/proyectos/) · Janus Observatory ## Sigue explorando. - [Servicio · **Agencia de diseño web en Bogotá para Colombia, EE. UU. y Latinoamérica**](https://dardo.studio/es/servicios/diseno-web/) - [Servicio · **Desarrollo web creativo: animación, interacción y WebGL**](https://dardo.studio/es/servicios/desarrollo-creativo/) - [Tu proyecto · **Inicia una conversación**](https://dardo.studio/es/contacto/)