volverPRY 005 · 2025

El edificio · Recorrido 3D

Un edificio entero caminable en el navegador: gemelo digital, recorrido virtual y cortes por piso.

  • Gemelos digitales
  • 3D en tiempo real

  • Three.js
  • React
  • TypeScript
  • R3F
  • GSAP
  • WebGL

El edificio se modeló completo y se llevó al navegador como gemelo digital: no un render ni un video, sino la obra entera en tiempo real, con la que se puede girar alrededor, entrar y recorrer los ambientes.

Conviven dos formas de mirarlo. En órbita el edificio se ve desde afuera y se puede cortar por piso para asomarse adentro sin que la fachada tape nada; en primera persona se camina por las unidades a la altura de los ojos. Entre una vista y otra la cámara vuela sola, con la transición resuelta en GSAP.

La iluminación está horneada en lightmaps y el reflejo de los vidrios se captura con reflection probes, que fotografían la escena real en vez del cielo: es el mismo sistema que expone la demo de Reflection Probes de este laboratorio.

Qué hace

  • Gemelo digital del edificio completo, en tiempo real
  • Recorrido en órbita y en primera persona
  • Cortes por piso para mirar adentro
  • Iluminación horneada y reflejos por probes
Plataforma
Web (escritorio y celular)
Tecnología
Three.js · R3F · GSAP
Tipo
Gemelo digital

Explorá más

proyecto 05 / 08
Tuxdi