.jpg)
Día 11: La aplicación Photo Booth con IA
Imagina poder crear en un solo día una cabina de fotos estilo realidad aumentada que accede a la cámara, detecta rostros, aplica filtros en tiempo real, captura, descarga y comparte mediante QR. Ese fue el reto del día 11 y la solución combinó subagentes realizados con goose, MediaPipe para la inteligencia espacial y una arquitectura completamente en el navegador.
El resultado fue Fun House Photo Booth, una aplicación web que integra filtros festivos, seguimiento facial con MediaPipe Face Landmarker, soporte móvil y un flujo de captura y exportación robusto. La experiencia da la sensación de tener un pequeño equipo de ingeniería trabajando en paralelo gracias a la orquestación por subagentes.
Cómo lo organizamos: dividí el trabajo en subagentes especializados similares a un equipo real de desarrollo: el Core App Builder construyó la estructura HTML CSS y JS, gestionó el acceso a la cámara, la vista previa en vivo y la captura con descarga; el Filter Engineer integró MediaPipe Face Landmarker, el mallado de 468 puntos y el sistema de filtros en tiempo real anclados a hitos faciales; y añadí subagentes opcionales como Stylist para pulir la interfaz y Performance Optimizer para garantizar un rastreo fluido. Esta división permitió paralelizar tareas y mantener el código modular y limpio.
Tecnologías clave empleadas: goose para orquestación de subagentes, Sonnet 4.5 de Anthropic para soporte de agentes, HTML CSS JS para la base de la app, MediaPipe Face Landmarker para la inteligencia espacial local, Canvas API para renderizado de filtros y malla, sessionStorage para almacenar capturas y un flujo QR para compartir. Todo se ejecuta localmente en el navegador, sin backend ni servidor, lo que mejora la latencia, la privacidad y la disponibilidad offline.
Experiencia de uso: al abrir la app en el móvil la cámara se activa, MediaPipe comienza a rastrear el rostro en tiempo real y los filtros se anclan a puntos específicos como la corona, la barba o las pestañas de reno. Al mover la cabeza o sonreír, los elementos siguen con precisión subpíxel. La captura usa un flujo de canvas seguro que evita problemas de CORS: se crea un canvas nuevo, se dibuja el frame de vídeo y la malla, se exporta a PNG y se guarda en sessionStorage antes de redirigir a la página de exportación para descargar o compartir mediante QR.
Aspectos técnicos destacados: la inferencia local de MediaPipe ofrece rendimiento en tiempo real y baja latencia; la malla FACEMESH_TESSELATION permite una visualización dinámica con nodos y aristas brillantes; el anclaje de filtros a landmarks garantiza alineación estable; y la arquitectura sin servidor facilita despliegues rápidos y seguros. Además, la experiencia móvil first asegura que la solución sea usable en entornos reales como festivales y eventos.
Lecciones aprendidas e ideas clave: los subagentes permiten simular un equipo de desarrollo y escalar tareas declarativamente; la inteligencia espacial local abre experiencias AR sin necesidad de cómputo externo; los pipelines de captura limpios evitan fallos cross browser; y un diseño orientado a móvil es esencial para adopción real.
En Q2BSTUDIO como empresa especializada en desarrollo de software y aplicaciones a medida combinamos estas buenas prácticas con servicios profesionales en inteligencia artificial, ciberseguridad y cloud. Si tu objetivo es llevar una idea similar a producción contamos con experiencia en aplicaciones a medida y proyectos de IA para empresas. Con soluciones completas para desarrollo y despliegue podemos ayudarte a construir desde prototipos AR hasta plataformas productivas seguras y escalables.
Si te interesa explorar cómo incorporar agentes IA, IA para empresas o desarrollar una cabina de fotos AR personalizada con integración segura en la nube podemos apoyarte con arquitectura y ejecución. Consulta nuestros servicios de inteligencia artificial y descubre cómo transformamos prototipos en productos listos para el mercado. Para proyectos centrados en experiencia de usuario y multiplataforma también ofrecemos desarrollo de aplicaciones a medida que integran servicios cloud aws y azure, seguridad y analítica avanzada.
Además de IA y aplicaciones a medida, Q2BSTUDIO brinda servicios de ciberseguridad, pentesting y soluciones de inteligencia de negocio con power bi para completar el ciclo desde la idea hasta la explotación segura de datos. Si buscas partner para proyectos que impliquen agentes IA, automatización, servicios cloud o business intelligence contamos con equipos especialistas listos para diseñar y ejecutar la solución adecuada.
Conclusión: la combinación de MediaPipe, renderizado en canvas y orquestación por subagentes permite construir en un tiempo reducido una experiencia AR rica y privada que funciona directamente en el navegador. En Q2BSTUDIO transformamos esos experimentos en productos empresariales robustos, seguros y escalables para que tu proyecto de IA, aplicaciones a medida o servicios cloud alcance resultados reales.
