Caso técnico · Experiencia y render en tiempo real
UMBRAL — Casa Vertiente
La página entera es el recorrido de una casa. Al bajar, la cámara entra y avanza sin un solo corte, y los datos de la propiedad —superficie, materiales, orientación— van apareciendo sobre las imágenes en vez de en una tabla aparte.
El problema
Una casa se vende por recorrido y atmósfera. Una galería de fotos sueltas no transmite ninguno de los dos: se ve la obra, pero no se siente. El encargo interno fue construir la alternativa — que la navegación misma fuera el recorrido.
Qué demuestra técnicamente
- El recorrido no se corta. La cámara avanza de la entrada al último rincón como una sola toma continua, atada al scroll.
- Cada espacio dura lo que merece. El progreso se reparte con pesos por escena: los espacios con más que enseñar reciben más recorrido, y el texto los acompaña.
- Los datos van sobre la imagen, no en una ficha aparte que nadie lee.
- Carga por tramos. Se descarga lo que se está viendo y lo siguiente se prepara por detrás, así entra rápido incluso con mala señal.
- Coherencia visual garantizada. Cada imagen se generó a partir de una construcción definida de antemano, así que nada desentona entre escenas.
- Verificación automática. Antes de publicar, una revisión comprueba que el recorrido siga sin cortes.
Stack
- React 19
- TypeScript
- Vite 7
- GSAP ScrollTrigger
- Canvas 2D
- Nginx
Qué capacidad de ASCK demuestra
UMBRAL es la contraparte de BADI: donde aquel demuestra sistemas, este demuestra experiencia. Control fino del scroll, reparto de tiempo entre escenas, carga progresiva y una comprobación automática de que la pieza no se rompió. Es la evidencia de que ASCK Software también construye la capa que se ve.
UMBRAL es una pieza conceptual. El estudio de arquitectura «Casa Vertiente» es ficticio y los datos de obra son inventados. No es un cliente real ni un proyecto construido: es una demostración de sitio para estudios de arquitectura, despachos de obra y desarrolladores residenciales.