Diseñado para integrarse en una página web como destino final, el configurador 3D permite a los usuarios ver su propio estor personalizado en un entorno realista. El usuario puede explorar diferentes estilos, materiales, colores, tamaños y características del estor. Al final del proceso de personalización, hay una ventaja adicional que permite al usuario descargar la imagen de su configuración. En un caso práctico real, la imagen se puede descargar y utilizar como referencia digital o en una tienda física.
Este configurador de estores, situado sobre un fondo realista, utiliza Floating UI para gestionar todas las interacciones de la escena. El objetivo era hacer que el configurador fuera fácil de usar y entender. La interfaz principal presenta las opciones de menú con elementos visuales en lugar de palabras. Para evitar obstruir la imagen general, solo se utilizó una interfaz.
El hotspot debe:
La Floating UI, situada en la esquina superior izquierda de la pantalla, debe:
La Floating UI tiene dos funciones principales: el selector de objetos y el selector de materiales.
Consejo: Para reducir el número de polígonos, solo se utiliza una pared de fondo, con límites de cámara configurados para evitar la rotación. El entorno detrás de la ventana está representado por un plano simple con una textura de imagen.
