01 proyectos 02 conceptos 03 juegos 04 apps 05 utilidades 06 gamebob 07 charlas 08 equipo

Mis mejores utilidades, ahora en tu móvil.

Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.

Disponible en Google Play
Consíguelo en el App Store

Evaluador de Estrés de Accesibilidad para UI de Juegos

Inspecciona capturas de pantalla de tu juego localmente con simulaciones de daltonismo, sondas de contraste en HUD, desenfoque, reducción de escala y mapa de calor de bordes.

Carga una captura de pantalla del juego, elige una lente de estrés y compara dos señales que el jugador deba diferenciar. Empieza comparando aliado contra enemigo, estados de salud, rareza, elementos interactivos o marcadores del minimapa.

Mesa óptica local. Las capturas de pantalla no se suben a ningún servidor.

Arrastra una captura del juego o interfaz a la mesa óptica

Arrastra una imagen aquí o elígela desde tu dispositivo. Utiliza un momento representativo con fondos reales y desorden visual.

PNG, JPEG o WebP de hasta 16 MB. Las imágenes grandes se reducen a un borde de análisis de 1600 px.
Lente de simulación
Campo de señal original
Campo de señal bajo estrés

Selecciona una captura para activar el campo de comparación. Tu imagen permanecerá en este dispositivo.

Controles de estrés de señal

Sondas de señal crítica

Selecciona A o B y haz clic en la imagen original. Compara colores que codifiquen acciones o estados distintos para el jugador.

Heurística
Esperando captura de pantalla
Esperando captura de pantalla
Contraste original--Medición
Contraste bajo estrés--Medición
Separación conservada--Heurística
Estado de revisión manualSin análisis todavía

MediciónEl contraste utiliza la fórmula de luminancia relativa WCAG para los dos colores sRGB muestreados. Solo describe este par y es más significativo cuando los colores están en contacto.

HeurísticaLa separación conservada compara la distancia RGB lineal antes y después de la lente. Es una advertencia orientativa, no un umbral perceptivo ni una condición de aprobado.

Guía de revisión de interfaz

  1. ¿Pueden los jugadores identificar aliado, enemigo, advertencia, éxito y fallo sin depender exclusivamente del tono?
  2. ¿El texto se mantiene legible sobre los fondos más brillantes, oscuros y saturados del juego?
  3. ¿Los marcadores del minimapa se diferencian por forma, etiqueta, posición o patrón además del color?
  4. ¿Los estados seleccionado, desactivado, no disponible, tiempo de recarga, salud y daño siguen siendo inequívocos?
  5. ¿Un icono, etiqueta, patrón, animación, posición o sonido refuerza cada señal de color crítica?

No hay hallazgos registrados. Utiliza la guía como primera pasada de revisión.

    La decodificación, simulación, muestreo, mapa de calor y exportaciones se ejecutan en este navegador. Solo los ajustes de visualización se guardan localmente.

    Esta herramienta ayuda en la revisión de diseño. Las simulaciones son modelos, el desenfoque y los mapas de calor son heurísticas, y ningún resultado certifica accesibilidad ni sustituye las pruebas con jugadores.

    Esperando captura de pantalla

    Zoom 100%
    Estudio de Utilidades

    ¿Quieres tener esta utilidad en tu web?

    Personaliza colores y modo oscuro para WordPress, Notion o tu propio sitio.

    Adelante

    Preguntas Frecuentes

    ¿Esta herramienta certifica que la interfaz de mi juego es accesible?
    No. Combina simulaciones documentadas de visión en color, mediciones deterministas de color, heurísticas de estrés visual y preguntas de revisión. Utiliza los hallazgos para guiar la revisión de diseño y las pruebas con jugadores, no como un certificado formal.
    ¿Mi captura de pantalla sale del navegador?
    No. La imagen se decodifica, muestrea, transforma y exporta completamente dentro de tu navegador. La herramienta solo guarda ajustes de visualización como la lente seleccionada, el zoom y el desenfoque en el almacenamiento local.
    ¿Qué debo medir con las dos sondas de color?
    Elige dos colores que deban comunicar significados distintos, como marcadores de aliado y enemigo, estados activo y desactivado, salud y daño, o dos niveles de rareza. Muestrea píxeles representativos en el mismo contexto de juego.
    ¿Por qué una buena relación de contraste puede requerir revisión manual?
    Un par puede medir bien mientras que un icono pequeño, texto fino, un fondo en movimiento, el desorden visual o una convención basada solo en color siguen siendo difíciles de identificar. La relación describe los colores muestreados, no la interacción completa.
    ¿Qué muestra el mapa de calor?
    El mapa de calor es una heurística de bordes locales. Destaca los píxeles donde la separación RGB cercana cae drásticamente tras aplicar la simulación seleccionada. Permite orientar la atención hacia señales frágiles, pero no identifica la semántica de la interfaz.

    # Cómo evaluar la accesibilidad en interfaces de juegos sin subir capturas

    La interfaz de un videojuego comunica en condiciones de alta presión visual: la salud cambia mientras la cámara rota, los marcadores enemigos se cruzan sobre escenarios brillantes, los colores de rareza compiten con efectos de partículas y los iconos del minimapa se reducen a pocos píxeles. Este evaluador local mantiene la captura en tu navegador y te permite inspeccionar esas combinaciones reales mediante simulaciones de visión en color y condiciones de estrés práctico.

    # Mediciones, heurísticas y juicio humano responden a preguntas distintas

    Tipo de evidencia Lo que ofrece este evaluador Lo que no permite concluir
    MediciónLuminancia relativa y relación de contraste para dos colores sRGB muestreadosSi cada borde de texto o fondo del juego cumple una normativa
    SimulaciónTransformaciones de protanopía, deuteranopía y tritanopía según matrices publicadasLa experiencia visual exacta de cada jugador individual
    HeurísticaDesenfoque, reducción de escala, desaturación, contraste reducido y colapso de bordesUna puntuación universal de aprobado o un diagnóstico automático
    Revisión manualPreguntas de guía y hallazgos exportables vinculados a la captura y ajustesCertificación formal o sustitución de pruebas con jugadores

    # Selecciona sondas de color que representen una decisión del jugador

    No muestrees dos colores simplemente porque parezcan atractivos. Elige un par cuya diferencia modifique la acción del jugador: aliado y enemigo, seguro y peligroso, seleccionado y no disponible, curación y daño, u objetivo y elemento decorativo. Si el par pierde diferenciación bajo estrés, añade una forma, icono, etiqueta, patrón, posición o señal sonora en lugar de buscar únicamente otro tono.
    Evalúa el fotograma más complejo
    Utiliza una captura tomada durante un combate u momento cargado de acción, no un diseño estático limpio. Revisa la misma señal sobre escenarios claros, oscuros, con movimiento, efectos visuales, superposiciones de daño y la escala de pantalla más pequeña que soportes.

    # Interpreta el informe exportado como una conversación de diseño

    El informe en JSON registra la lente, los ajustes de estrés, los colores muestreados, el contraste medido, la heurística de separación y las observaciones del equipo. Adjunta la lámina comparativa en PNG a una tarea o incidencia y describe la consecuencia en el juego junto con la señal redundante que planeas implementar.

    Referencias Bibliográficas

    Más utilidades de Utilidades para desarrollo de videojuegos

    Generador de Cápsulas y Vista Previa para Steam

    Recorta, previsualiza y da formato a las cápsulas oficiales de la tienda y biblioteca de Steam con inspección en vivo de maquetas y zonas seguras.

    usar herramienta

    Inspector de Juegos Web para Itch.io y Optimizador de Resolución en Vivo

    Sube archivos de exportación HTML5 o archivos ZIP para probar viewports en vivo, corregir scrollbars de relación de aspecto, inspeccionar builds de Godot y Unity WebGL, y generar configuraciones de embed para Itch.io.

    usar herramienta

    Empaquetador y Extractor de Sprite Sheets

    Optimiza el rendimiento de juegos 2D empaquetando frames de animación sueltos en atlases de texturas o extrayendo sprites individuales de hojas existentes.

    usar herramienta

    Buscador de Puntos de Bucle e Inyector de Metadatos de Audio

    Localice puntos exactos de bucle de audio, ajuste a cruces por cero para eliminar clics y exporte archivos WAV con metadatos LOOPSTART y LOOPEND para motores de juegos.

    usar herramienta

    Editor y Ofuscador de Archivos de Guardado de Juegos

    Desencripta, inspecciona, edita payloads JSON y vuelve a encriptar archivos de guardado usando Base64, máscaras XOR o texto plano 100% local en tu navegador.

    usar herramienta

    Depurador de Archivos CSV y JSON de Localizacion para Godot y Unity

    Inspeccione archivos CSV o JSON de traduccion en busca de celdas vacias, claves duplicadas y filas defectuosas, y exporte una copia limpia lista para el motor.

    usar herramienta

    Convertidor de BBCode de Steam, Markdown y HTML

    Convierta entre BBCode de Steam, Markdown y HTML en ambas direcciones con detección automática de sintaxis y vista previa.

    usar herramienta

    Generador de Efectos de Sonido Retro para Juegos

    Crea efectos de sonido retro cortos para juegos en tu navegador con preajustes inmediatos, controles de onda, osciloscopio en vivo y exportacion WAV.

    usar herramienta

    Cambiador de Paleta para Pixel Art

    Reduce sprites y hojas de sprites a paletas clásicas de consola o a un conjunto personalizado de colores hexadecimales directamente en tu navegador.

    usar herramienta

    Animador de Hitbox y Hurtbox para Sprites

    Dibuja capas de colisión en cada fotograma de tu sprite, previsualiza secuencias con papel cebolla, ajusta coordenadas exactas en píxeles y exporta JSON neutro.

    usar herramienta

    Laboratorio de Fórmulas de Daño y Gráficos TTK

    Compara fórmulas de daño para videojuegos en tiempo real mediante curvas, mapas de calor, puntos de redondeo, críticos y tiempo para derrotar al objetivo (TTK).

    usar herramienta
    Esc