Presentaciones 3D: siete conceptos que se abren con un enlace y hacen volar una cámara en vivo

Una presentación suele ser lo primero que un comprador, un inversor o un patrocinador abre de verdad, y la mayoría son un PDF que se parece a todos los demás. VITON¹³ creó Presentaciones 3D como concepto para mostrar otro formato para los encargos que los clientes traen con más frecuencia: vender un paquete de patrocinio, levantar una ronda, lanzar un producto, vender viviendas en una torre nueva, presentar una empresa tecnológica, atraer socios a un festival y explicar un servicio médico.

El encargo que nos pusimos: una presentación que se abre con un enlace en cualquier pantalla y se recuerda como una película, pero que sigue comportándose como una presentación, con diapositivas, teclas de flecha, un mando, un enlace a cada diapositiva y un PDF para adjuntar a un correo. Todas las marcas del conjunto son ficticias, y la última diapositiva de cada presentación lo dice.

Siete presentaciones y una página índice, con 78 diapositivas en ruso: el club de fútbol Avrora (patrocinio, 11 diapositivas), el pitch de ronda A de NEXORA (12), el lanzamiento de NOVA Ring (11), la torre residencial NORD 81 (11), la empresa espacial ORBITA (11), el festival PULSE 2027 (11) y la clínica genómica HELIX (11). Cada presentación tiene su propia escena, paleta y tipografías, y una de siete transiciones 3D elegida para la marca: un sprint con estelas de velocidad, un cubo, un vuelo a través de la diapositiva, una página de libro, una órbita, un giro con glitch y un ascenso suave.

Dentro de las escenas: un estadio nocturno con unos 43 000 asientos y aficionados, una torre de 324 metros que se reconstruye planta a planta en la diapositiva de obra, un anillo que se desmonta en seis piezas rotuladas, un satélite que despliega sus paneles sobre una Tierra generada con shaders, un escenario y un público que se mueven a 124 BPM y una hélice de ADN satinada. Al abrirse una diapositiva, las cifras se animan contando, los gráficos crecen y las etiquetas 3D se anclan a partes de la escena.

Un solo motor mueve las siete presentaciones. Cada diapositiva es texto HTML sobre un lienzo, así que sigue siendo legible y seleccionable, y cada diapositiva tiene una estación de cámara en la escena: pasar a la siguiente es un vuelo de cámara. El control sigue los hábitos de las presentaciones: teclas de flecha, espacio, rueda del ratón y deslizamiento; la O abre una vista 3D de todas las diapositivas, la F activa la pantalla completa, la A inicia la reproducción automática y cada diapositiva tiene su propio enlace. En el móvil, el texto pasa a un panel desplazable bajo la escena.

Las escenas están hechas por completo en código, sin modelos 3D, fotos ni vídeo: mallas instanciadas para los objetos repetidos, como asientos y ventanas, bloom como único efecto de posprocesado y texturas procedurales. Cada presentación es una carpeta estática con direcciones relativas, así que funciona desde cualquier ruta, y un script convierte cada presentación en un PDF 16:9 para enviar por correo. La demo lleva noindex, nofollow.

El conjunto está publicado en tarasovvitalii.com/demos/presentations/: una página índice, siete presentaciones, 78 diapositivas, siete versiones en PDF y siete transiciones 3D, construido el 28 de septiembre de 2026. Ese día contamos fotogramas con requestAnimationFrame durante tres segundos en dos diapositivas de cada presentación, en Chrome headless con ANGLE Metal en un MacBook con Apple M5, a 1600 × 1000 con escala Retina: las 14 mediciones dieron 60 fps (60,1–60,2). Cada presentación carga entre 235 y 252 KB de JavaScript con gzip, three.js y GSAP incluidos; la build completa ocupa 27 MB, de los que 14 MB son los PDF.

En la dirección pública, ese mismo día, Lighthouse dio a la página índice un rendimiento de 92 en móvil y de 99 en escritorio, y a la presentación de NORD 81, 86 y 98 (medianas de tres ejecuciones), con buenas prácticas en 100 en ambas páginas. Cada presentación tiene un H1 y cabe en una pantalla de 390 px; la página índice es la única que tiene desplazamiento lateral en un móvil, y la revisión de más abajo lo sitúa en primer lugar entre las correcciones.

Presentaciones 3D es un concepto que VITON¹³ creó para mostrar el formato, no un proyecto por encargo. El club de fútbol, la startup, el anillo, la torre, la empresa espacial, el festival y la clínica son ficticios, igual que sus cifras, precios, personas y teléfonos; las presentaciones no demuestran que se haya levantado ninguna ronda ni vendido ningún patrocinio o vivienda.

No hay fotos ni vídeos dentro: cada imagen se dibuja en código. La tasa de fotogramas se midió en una sola máquina con un chip de Apple reciente, en Chrome headless, y no dice nada de móviles antiguos ni de portátiles de oficina; Lighthouse mide la carga, no la fluidez de una escena. Las presentaciones están solo en ruso y quedan fuera de los buscadores a propósito.

Cómo revisar el portafolio de un estudio web →