Blend4Web es una herramienta de código abierto que permite interactuar con modelos 3D a través de internet, utilizando un navegador, y sin necesidad de instalar plugins.
En nuestro caso utilizaremos dicha herramienta para poder acceder al modelo de la ciudad con la que estemos trabajando y, puesto que podemos encontrarnos con algunos problemillas de materiales y texturas, en este post se explica el procedimiento para evitar “muros invisibles” (figura 1) o materiales que aparecen solamente en ciertas caras de los edificios (figura 2).
Figura 1. Las caras de algunos objetos no son mostradas correctamente
Figura 2. Los materiales no son aplicados en todas las caras de algunos objetos
Preparando el modelo
Una vez hayamos generado la ciudad podemos exportar el modelo como html o json con el plugin de Blend4Web (que habremos instalado previamente) haciendo clic en File > Export > Blend4Web (.html) o File > Export > Blend4Web (.json).
Si intentamos exportar el modelo tal cual es generado por CittaVR nos encontramos con que algunos edificios no se muestran por completo (figura 1). Para solucionar este problema:
- Cambiamos el Render Engine a Blend4Web.
- Seleccionamos el objeto buildings.
- En las propiedades del objeto pinchamos en material y desmarcamos el checkbox Backface Culling de Rendering Options.
Al exportar de nuevo, aunque ya aparecen los edificios, el material de estos solamente se muestra en alguna de las caras del objeto. Esto ocurre porque la luz de la escena no actúa sobre todas esas caras. Marcaremos el checkbox Double-Sided Lighting que se encuentra en las propiedades de los materiales del objeto, como vimos antes, en el campo Shading.
Ahora la ciudad se ve correctamente (figura 3). Resultado en anarubioruiz.bitbucket.org
Figura 3. Resultado al seguir los pasos indicados