Тестер Доступности Интерфейса Игр

Проверяйте скриншоты игрового интерфейса локально с помощью симуляции дальтонизма, зондов контрастности HUD, размытия и тепловых карт.

Загрузите скриншот игры, выберите режим симуляции и сравните два ключевых визуальных сигнала, которые игрок должен различать.

Локальный анализ. Скриншоты не отправляются на сервер.

Перетащите скриншот игры на рабочую область

Перетащите изображение сюда или выберите файл на устройстве. Используйте реальные кадры игрового процесса.

PNG, JPEG или WebP до 16 МБ. Большие изображения масштабируются до 1600 px.
Режим симуляции
Оригинальный сигнал
Сигнал с симуляцией

Выберите скриншот для начала анализа. Файл останется на вашем устройстве.

Визуальные тесты

Цветовые зонды

Выберите A или B и кликните на оригинальном изображении для выбора цвета.

Эвристика
Ожидание скриншота
Ожидание скриншота
Исходный контраст--Измерение
Контраст с симуляцией--Измерение
Сохраненное различие--Эвристика
Статус проверкиНет данных

ИзмерениеРассчитывает коэффициент контрастности относительно яркости по стандарту WCAG.

ЭвристикаСравнивает цветовое расстояние до и после применения симуляции.

Контрольные вопросы для дизайнера

  1. Могут ли игроки различать элементы без опоры только на цвет?
  2. Остается ли текст читаемым на светлом, темном или динамичном фоне?
  3. Различаются ли иконки на мини-карте формой или узором помимо цвета?
  4. Являются ли состояния выбора, блокировки и перезарядки очевидными?
  5. Подкрепляется ли каждый цветовой сигнал иконкой, текстом или звуком?

Заметок пока нет.

    Обработка выполняется на 100% локально в вашем браузере.

    Инструмент помогает в проверке дизайна, но не заменяет тестирование с игроками.

    Ожидание скриншота

    Zoom 100%
    Студия утилит

    Хотите эту утилиту на своём сайте?

    Настройте цвета и тёмную тему для WordPress, Notion или вашего сайта.

    Вперёд

    Часто задаваемые вопросы

    Сертифицирует ли этот инструмент доступность интерфейса моей игры?

    Нет. Он объединяет математические измерения контрастности, модели симуляции цветовосприятия и контрольные вопросы. Используйте результаты для проверки дизайна.

    Загружается ли мой скриншот на внешний сервер?

    Нет. Изображение обрабатывается и анализируется исключительно в вашем браузере. Настройки отображения сохраняются локально.

    Что следует измерять двумя цветовыми зондами?

    Выберите два цвета с разным смысловым значением, например, маркеры союзника и врага, активное и неактивное состояние, или уровни редкости предметов.

    Почему даже при хорошем контрасте требуется ручная проверка?

    Высокая контрастность пары цветов не гарантирует различимость мелких иконки, тонких шрифтов или элементов на движущемся фоне.

    Что показывает тепловая карта?

    Тепловая карта подсвечивает области, где цветовое различие между соседними пикселями резко падает при выбранной симуляции.

    # Проверка доступности игрового интерфейса без передачи скриншотов

    Игровые интерфейсы должны оставаться читаемыми в условиях динамичной графики и спецэффектов. Этот локальный инструмент позволяет проверять скриншоты прямо в браузере с помощью симуляций дальтонизма.

    # Измерения, эвристика и ручной анализ

    Тип анализа Что дает данный инструмент Чего он не может гарантировать
    ИзмерениеКонтрастность и относительная яркость WCAG для двух цветовПолное автоматическое соответствие всей игры стандартам
    СимуляцияНаучные алгоритмы симуляции протанопии, дейтеранопии и тританопииТочное воспроизведение восприятия каждого конкретного человека
    ЭвристикаРазмытие, уменьшение масштаба и определение потери границАвтоматическая оценка качества дизайна
    Ручной анализКонтрольный список вопросов и выгрузка отчетовЗамена полноценного тестирования с пользователями

    # Измеряйте цвета, влияющие на решения игрока

    Фокусируйте измерения на ключевых парах элементов, таких как союзник и враг. Если контраст падает при симуляции, добавляйте дополнительную индикацию формой или иконками.
    Используйте скриншоты из насыщенных игровых сцен
    Берите кадры из динамичных моментов игры с большим количеством эффектов вместо чистых меню для получения реалистичных результатов.

    # Используйте выгружаемый отчет в командной работе

    Файл отчета JSON и сравнительное изображение PNG можно прикреплять к задачам разработки для обсуждения исправлений UI.Запишите сцену, разрешение и проверенную пару цветов. Симуляция помогает рано находить проблемы дизайна, но не заменяет тесты с реальными сценами, разными экранами и людьми с различными особенностями зрения.

    Библиографические ссылки

    Другие утилиты из Инструменты для разработки игр

    Генератор и Просмотр Капсул Steam

    Кадрируйте, просматривайте и форматируйте официальные капсулы магазина и библиотеки Steam с проверкой безопасных зон.

    Открыть инструмент

    Itch.io Веб Инспектор Игр и Оптимизатор Разрешения в Реальном Времени

    Загружайте HTML5 файлы или ZIP-архивы для тестирования viewport в реальном времени, исправления полос прокрутки, проверки сборок Godot и Unity WebGL и генерации настроек встраивания Itch.io.

    Открыть инструмент

    Упаковщик и Экстрактор Спрайт Шитов

    Оптимизируйте производительность 2D игр объединяя отдельные кадры анимации в атласы текстур или извлекая спрайты из готовых листов.

    Открыть инструмент

    Поиск Точек Зацикливания Аудио и Инжектор Метаданных

    Находите точные точки зацикливания аудио, привязывайте к пересечениям нуля и экспортируйте файлы WAV с метаданными LOOPSTART и LOOPEND.

    Открыть инструмент

    Редактор и Обфускатор Файлов Сохранений Игр

    Расшифровывайте, проверяйте, редактируйте JSON данные и повторно зашифровывайте файлы сохранений игр с помощью Base64, XOR или открытого текста 100% локально в браузере.

    Открыть инструмент

    Инструмент очистки файлов локализации CSV и JSON для Godot и Unity

    Проверяйте файлы переводов CSV и JSON на наличие пустых ячеек, дубликатов ключей и поврежденных строк с последующим экспортом чистой копии.

    Открыть инструмент

    Конвертер Steam BBCode, Markdown и HTML

    Двусторонний конвертер Steam BBCode, Markdown и HTML с автоматическим определением синтаксиса и живым предпросмотром.

    Открыть инструмент

    Генератор Ретро Звуковых Эффектов для Игр

    Создавайте короткие ретро звуковые эффекты для игр в браузере с готовыми пресетами, осциллографом и экспортом в WAV.

    Открыть инструмент

    Конвертер Палитры для Пиксель Арта

    Уменьшайте палитру спрайтов и спрайтшитов до классических консольных цветов или собственных hex-значений прямо в браузере.

    Открыть инструмент

    Аниматор Hitbox и Hurtbox для Спрайтов

    Рисуйте слои коллизий на каждом кадре спрайта, просматривайте анимацию с калькой (onion skin), редактируйте координаты в пикселях и экспортируйте JSON.

    Открыть инструмент

    Лаборатория Формул Урона и Графиков TTK

    Сравнивайте формулы урона в играх в реальном времени с помощью графиков, тепловых карт, правил округления и времени уничтожения цели (TTK).

    Открыть инструмент

    Лаборатория Delta Time и фиксированного Timestep для игр

    Сравните игровые циклы с переменным delta и фиксированным timestep с помощью повторяемых скачков кадров, симуляции движения, догоняющих шагов и видимого расхождения времени.

    Открыть инструмент