IA que se burla de tus dibujos

IA que evalúa tus dibujos en tiempo real para juegos multijugador, con WebRTC, Canvas API y puntuación de IA instantánea, comentarios de voz con Azure y beta abierta para feedback.

7 sept 2025 • 4 min de lectura • Equip Q2BSTUDIO

Inteligencia-Artificial-

Construí una IA que juzga tus dibujos jaja

Aquí te cuento lo que pasó cuando me cansé de los juegos de dibujo injustos

Seguro conoces esos juegos online de dibujar. Dedicas cinco minutos a un gato perfecto y nadie lo adivina. Luego tu amigo traza tres líneas y gana porque alguien del equipo lo entiende al instante. Me pasó demasiadas veces.

Así que hice algo distinto: una IA que evalúa tus dibujos al instante y de forma imparcial.

La IA analiza tu lienzo y te da una puntuación en segundos. Sin esperas, sin política de grupo, solo 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, ves en directo cómo dibuja cada persona, lo que lo vuelve bastante intenso.

Prueba la beta aquí: artbitrator.10kv.games

Cómo funciona técnicamente

Sincronización de lienzos en tiempo real: hasta 8 lienzos HTML5 enviando trazos vía WebRTC, con latencia por debajo de 100 ms, compresión de deltas para reducir ancho de banda y recuperación del estado del lienzo cuando alguien se cae y vuelve a entrar.

Canales de datos con WebRTC: transmisión directa entre pares de los datos de dibujo, chat de voz opcional, fallback mediante servidores TURN y gestión robusta de caídas temporales de red.

Integración de IA: conversión de canvas a imagen en el cliente, análisis de imagen en tiempo real vía API REST, puntuación multicriterio que valora precisión, creatividad y técnica, además de intervalos de confianza para casos límite.

Sistema de comentarios en vivo: narración generada con Azure Speech Services, comentarios inteligentes basados en el progreso del dibujo, locución en tiempo real de acciones y puntuaciones y modulación de voz dinámica según el evento del juego.

Gestión del estado del juego: servidor autoritativo para tiempos y scoring, clasificación en vivo, autenticación de jugadores y persistencia, gestión de salas con códigos de invitación.

Rendimiento: virtualización de lienzos para ahorrar memoria, renderizado selectivo de regiones modificadas, aceleración con WebGL donde está disponible y limitación inteligente del flujo de eventos de dibujo.

Estado actual en beta y buscando feedback

El núcleo ya funciona: dibujar, competir y recibir puntuaciones de IA en tiempo real. Busco especialmente comentarios de desarrolladores con experiencia en tiempo real.

Qué va bien: conexiones WebRTC estables en redes variadas, rendimiento de lienzo fluido con 8 participantes, scoring de IA consistente y rápido por debajo de 2 segundos, comentarios de voz suaves con Azure Speech y SSR de Next que convive bien con la capa en tiempo real.

Qué puede mejorar: el dibujo táctil en móviles necesita mimo, la IA a veces pasa por alto dibujos obvios, la recuperación de conexión podría ser más suave y quedan por pulir casos de borde de red.

Detalles del stack: frontend con Next 14, TypeScript y Tailwind CSS; tiempo real con canales de datos WebRTC y servidor de señalización; motor de dibujo sobre Canvas API; análisis y puntuación de imágenes vía API REST; voz con Azure Speech Services; estado en cliente con Zustand y persistencia en PostgreSQL; autenticación con Clerk; despliegue en contenedores Docker sobre infraestructura en la nube.

Puedes probar la beta y dejar tu opinión. Registro rápido con redes sociales en artbitrator.10kv.games

Me interesa tu feedback sobre estabilidad de WebRTC en tu red, rendimiento de dibujo en tu dispositivo, la sensación de los comentarios de la IA, cualquier bug o caso límite que encuentres y propuestas para mejorar el juicio automático.

Envía comentarios a 10kvgames@gmail.com

En resumen

Lo que empezó como frustración con juegos de dibujo terminó siendo una aplicación web en tiempo real de extremo a extremo. Next, WebRTC, Canvas API y una capa de IA forman una combinación sorprendentemente potente para experiencias creativas multijugador. La web puede con mucho más de lo que imaginamos.

Sobre Q2BSTUDIO

En Q2BSTUDIO diseñamos y desarrollamos aplicaciones a medida y software a medida con foco en rendimiento, experiencia de usuario y escalabilidad. Implementamos ia para empresas con modelos propios y agentes IA, y conectamos esa inteligencia con procesos y datos corporativos. Si estás valorando un proyecto similar o quieres llevar tu producto al siguiente nivel, descubre nuestras capacidades en soluciones de inteligencia artificial e intégralas con un backend y frontend sólidos a través de desarrollo de aplicaciones y software multiplataforma.

También ofrecemos ciberseguridad y pentesting, servicios cloud aws y azure, servicios inteligencia de negocio con power bi y automatización de procesos para unificar datos, seguridad y escalado. Si te interesan arquitecturas con baja latencia, análisis de imágenes en tiempo real o scoring objetivo con IA, podemos ayudarte a diseñar, entrenar, desplegar y monitorizar soluciones listas para producción.

Etiquetas: nextjs, webrtc, canvas, ia, gamedev, multiplayer, webdev, realtime, aplicaciones a medida, software a medida, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi

UNA PAUSA?

Juga una estona abans de marxar

ELS NOSTRES SERVEIS

Com et podem ajudar

Intel·ligència artificial

Agents d'IA, chatbots i assistents intel·ligents que automatitzen tasques i atenen els teus clients 24/7 per millorar l'eficiència del teu negoci.

Més info

Desenvolupament de programari

Aplicacions web, mòbils i d'escriptori, intranets, e-commerce, SaaS i plataformes de gestió dissenyades per a les necessitats concretes de la teva empresa.

Més info

Serveis cloud

Migració, infraestructura, hosting gestionat, alta disponibilitat i seguretat en Microsoft Azure i Amazon Web Services perquè el teu negoci escali sense límits.

Més info

Ciberseguretat i pentesting

Auditories de seguretat, test d'intrusió (pentesting) i protecció d'aplicacions, dades i infraestructura on-premise i cloud, amb hacking ètic i compliment normatiu.

Més info

Business Intelligence

Quadres de comandament i anàlisi de dades amb Power BI: integrem les teves fonts, dissenyem dashboards i KPIs i convertim les teves dades en decisions.

Més info

Automatització de processos

Automatitzem tasques repetitives i connectem les teves aplicacions amb n8n, Power Automate, Make i RPA, eliminant treball manual i augmentant la productivitat.

Més info

Formació per a empreses

Formem els teus equips en tecnologia amb criteri: desenvolupament web, bases de dades, Git, bones pràctiques i seguretat, automatització amb n8n, intel·ligència artificial per a empreses i creació de solucions d'IA amb Azure AI Foundry.

Més info

Auditoria de codi

Auditem el codi que creguis tu, el teu equip o una IA: et diem què està bé i què millorar, el securitzem i el deixem llest per a producció, web o app.

Més info

Generació d'imatges amb IA

Creem per tu les imatges que necessita el teu negoci amb intel·ligència artificial: producte, xarxes, publicitat, il·lustració i avatars. Tu ens dius què vols i t'ho lliurem llest per fer servir.

Més info

Generació de vídeos amb IA

Creem per tu vídeos amb intel·ligència artificial: promocionals, per a xarxes, presentadors virtuals, doblatge i animacions. Ens comptes la idea i t'ho lliurem muntat i llest per publicar.

Més info

Avatars conversacionals amb IA

Creem avatars conversacionals amb IA —humans digitals amb cara i veu— que atenen els teus clients i equips amb el coneixement de la teva empresa, a la teva web, monitors interactius, WhatsApp o Teams.

Més info

Màrqueting Online i IA

Google Ads, Meta Ads, LinkedIn Ads i posicionament en motors d'IA (GEO/AEO): captem clients i fem que la teva marca aparegui on et busquen, també a ChatGPT, Gemini i Perplexity.

Més info

Tens un projecte en ment?

Explica'ns la teva visió i la convertim en una solució de programari. Sigui quin sigui l'abast, fem realitat la teva idea.

Live Chat