Construí una IA que juzga tus dibujos y esto fue lo que pasó
¿Conoces esos juegos online de dibujar en los que te esfuerzas cinco minutos para hacer un gato perfecto y nadie lo adivina, pero tu amigo traza tres líneas y gana porque su colega lo entiende? Me pasó demasiadas veces. Así que hice algo distinto: una IA que evalúa tus dibujos al instante y de forma imparcial.
El sistema analiza tu dibujo y te devuelve una puntuación en segundos. Sin esperas, sin sesgos, sin política de grupo: tú frente al juez de arte. Puedes jugar con hasta 7 amigos a la vez, todos dibujan lo mismo y gana la mejor puntuación. Además puedes ver cómo dibujan los demás en tiempo real, lo que lo vuelve muy intenso.
Pruébalo aquí artbitrator.10kv.games
Cómo funciona por dentro
La aplicación web está construida con Next.js 14 y WebRTC para sincronización de lienzo en tiempo real. Mantenemos ocho canvas HTML5 transmitiendo datos de trazos con latencias por debajo de 100 ms, aplicando compresión delta para minimizar el ancho de banda y recuperación de estado del lienzo si un jugador cae y vuelve a unirse.
Usamos canales de datos WebRTC para enviar trazos punto a punto y, de forma opcional, chat de voz. Hay servidores TURN como respaldo y una gestión resiliente ante cortes de red.
La IA convierte el canvas a imagen en el cliente y la envía a una API REST para análisis en tiempo real. El sistema puntúa con criterios múltiples como precisión, creatividad y técnica, e incluye intervalos de confianza para decidir en casos límite.
Incorpora un sistema de comentarios en vivo con Azure Speech Services para locución en tiempo real. La narración se adapta al progreso del dibujo, a eventos del juego y modula la voz según el momento, como subidas al marcador o finales de ronda.
La lógica del juego es server authoritative para tiempos y puntuaciones. Mostramos el ranking en vivo, gestionamos autenticación y persistencia de jugadores, y ofrecemos salas privadas con códigos de invitación.
En rendimiento, aplicamos virtualización de canvas, render selectivo solo en regiones sucias, aceleración WebGL cuando está disponible y un throttling inteligente de eventos de dibujo para mantener la fluidez.
Estado actual: beta y buscando feedback
Lo esencial ya funciona: dibujas, compites y recibes puntuaciones de IA en tiempo real. Lo que va especialmente bien incluye conexiones WebRTC estables en redes heterogéneas, rendimiento sólido con 8 lienzos simultáneos, scoring bajo 2 segundos, comentarios por voz fluidos con Azure y buena convivencia de SSR de Next.js con funcionalidades en tiempo real.
Lo que aún puede mejorar: la experiencia de dibujo táctil en móviles, algunos casos donde la IA no reconoce dibujos obvios, recuperación de conexión más suave y mejor manejo de escenarios de red extremos.
Stack técnico en breve: frontend con Next.js 14, TypeScript y Tailwind; tiempo real con WebRTC y servidor de señalización; motor de dibujo propio sobre Canvas API; análisis por IA vía API REST; voz con Azure Speech; estado cliente con Zustand y persistencia en PostgreSQL; autenticación con Clerk; despliegue con contenedores Docker en infraestructura cloud.
Si has construido apps web multijugador en tiempo real, me interesa tu enfoque para los retos de networking.
Prueba la beta y comparte tus impresiones
Acceso rápido con social login en artbitrator.10kv.games
Busco feedback sobre estabilidad de conexión WebRTC en tu red, rendimiento del lienzo en tu dispositivo, cómo se siente la locución de la IA, errores o casos borde que detectes e ideas para mejorar el sistema de juzgado por IA.
Puedes escribir a 10kvgames@gmail.com
Conclusión
Lo que empezó como una frustración con juegos de dibujo se convirtió en una aplicación full stack en tiempo real. Next.js más WebRTC más Canvas API más IA es una combinación sorprendentemente potente para juegos creativos multijugador. La plataforma web da para mucho más de lo que solemos imaginar.
Si tu empresa quiere lanzar experiencias interactivas similares, en Q2BSTUDIO desarrollamos aplicaciones a medida y software a medida con enfoque en ia para empresas, agentes IA y analítica avanzada. Podemos integrar ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio y cuadros de mando con power bi para que tu producto sea escalable, seguro y rentable. Conoce cómo aplicamos inteligencia artificial en proyectos reales en nuestra propuesta de IA y descubre cómo abordamos soluciones multinube, rendimiento y UX extremo en nuestro servicio de desarrollo de aplicaciones a medida.
Palabras clave relacionadas: aplicaciones a medida, software a medida, inteligencia artificial, ia para empresas, agentes IA, ciberseguridad, pentesting, servicios cloud aws y azure, servicios inteligencia de negocio, power bi, automatización de procesos, experiencia multijugador en tiempo real.