Comprar gafas online es complicado sin un probador. Por eso creamos Sunglasses Slider: una sencilla prueba con WebAR que permite ver varias monturas en segundos y ver cuál te queda bien. Funciona en el navegador, así que no necesitas aplicaciones ni configuraciones especiales.
Lo que prepararás
Necesitarás cuatro modelos 3D ligeros de gafas de sol en formato .glb y cuatro miniaturas a juego (una por modelo). Si solo estás experimentando, descarga modelos de muestra en Sketchfab. Mantén los archivos ligeros para que los teléfonos no se bloqueen.
Paso 1: recopilar los modelos 3D
Ve a Sketchfab, busca gafas de sol y descarga cuatro modelos en formato .glb. Nómbralos claramente: classic_black.glb, retro_tortoise.glb, sport_mirrored.glb, etc.
Paso 2: haz las miniaturas
Abre un visor web como glTF Viewer. Carga cada archivo .glb, gíralo a un ángulo que te favorezca, toma una captura de pantalla y guárdalo como PNG o JPG de 512×512. Asígnales un nombre que coincida con los modelos, por ejemplo, classic_black_thumb.png.
Paso 3: crear un proyecto en MyWebAR
Inicie sesión y haga clic en Crear ProProyecto y elige el tipo de seguimiento "Filtros y efectos faciales". Abre el editor. El seguimiento facial colocará fotogramas en la cabeza automáticamente, así que no tendrás que alinear nada manualmente.
Paso 4: agregar el complemento
En la barra lateral izquierda, abre Extensiones, busca Sunglasses Slider e instálalo. Luego, ve a Objetos y pulsa "+" para añadir el plugin a tu escena.
Paso 5: configura el control deslizante
Para cada diapositiva, cargue el modelo .glb y la miniatura correspondiente. Repita este proceso para los cuatro fotogramas. Cuando todo esté correcto, haga clic en Guardar configuración.
Paso 6: publícalo y pruébalo en
Haz clic en "Publicar" para publicar. Abre el enlace en un teléfono y pruébalo como un cliente real: cambia de montura, comprueba el ajuste y observa cómo se comporta con diferentes luces.
He aquí un ejemplo que puedes explorar:
¿Por qué a los equipos les gusta este flujo?
Funciona en cualquier navegador móvil moderno, no hay que escribir código y el intercambio de modelos o miniaturas se realiza en minutos. Los compradores pueden comparar varios marcos rápidamente, lo que reduce las dudas y agiliza la toma de decisiones.
Soluciones rápidas si algo no está bien
Si un modelo se ve enorme o diminuto, reexporta el GLB con la escala correcta e inténtalo de nuevo. Si los materiales no se ven bien, asegúrate de que las texturas estén integradas en el GLB. Si los teléfonos antiguos fallan, simplifica la geometría o reduce el tamaño de las texturas.
Esa es la configuración completa. Cuatro modelos, cuatro miniaturas, una publicación. Obtendrás una prueba de realidad aumentada impecable, natural y fácil de mantener.
