RICHARD COLLAO

De acuerdo a la wikipedia Archviz o visualización arquitectónica (Architectural rendering) es el arte de crear imágenes o animaciones tridimensionales que muestran los atributos de un diseño arquitectónico.

Es importante mencionar que los navegadores modernos poseen un amplio soporte de la tecnología WebGL que permite visualizar modelos 3D dentro de una página web, aunque como veremos luego no siempre será la mejor opción, más aún cuando hablamos de Archviz.

Supongamos que tenemos un modelo arquitectónico de una casa, y de este modelo se quiere obtener un renderizado fotorrealista, rápidamente nos enfrentaremos al problema que aun contando con hardware de gamma alta, el renderizado no se visualizara en tiempo real, además hablamos de modelos complejos compuestos por muchos objetos, y cada uno de ellos incluye materiales con sus respectivas texturas y mapas, lo que se traduce en una composición muy pesada que ralentizara la carga de la página.

Entonces es fácil imaginarnos porque muchos desarrolladores optan por embeber imágenes panorámicas en sus páginas para representar diseños arquitectónicos.

Para visualizar una imagen panorámica dentro del navegador, es necesario contar con una imagen de tipo equirrectangular, esta imagen la obtenemos al renderizar nuestro modelo arquitectónico que hemos desarrollado previamente mediante algún software de modelado 3D como Blender, el inconveniente de esta tecnica es que dicha imagen al no ser un modelo, sino una representación de este en 360 grados desde una perspectiva central, no permite visualizar el modelo desde otra perspectiva, además las luces y sombras permanecen estáticas en la imagen.

El siguiente paso consiste en implementar un visor 3D dentro de la página, esto se logra mediante el lenguaje de programación Javascript, afortunadamente contamos con Frameworks como ThreeJS y BabylonJS que nos hacen la vida más fácil, pero también existen librerías como pannellum que permiten embeber imágenes panorámicas de manera sencilla en el navegador.

https://pannellum.org/