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

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

Загрузите анимацию, подтвердите нарезку кадров и нарисуйте зоны атаки, урона, физики или детекторов.

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

Выберите спрайтшит или набор упорядоченных файлов PNG/WebP.

Нарезка кадров
Просмотр движения
Рабочая область

Загрузите графику, чтобы начать рисовать слои коллизий.

Лента кадров
Экспорт проекта

Файл JSON содержит имена файлов, точки центов и формы без графических пикселей.

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

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

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

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

В чем разница между хитбоксом (hitbox) и хертбоксом (hurtbox)?

Хитбокс определяет область, наносящую удар, а хертбокс - область персонажа, получающую урон. Пушбоксы (pushbox) удерживают персонажей на расстоянии, а граббоксы (grabbox) задают радиус захватов.

Покидают ли мои файлы спрайтов браузер?

Нет. Обработка и экспорт выполняются полностью в вашем браузере. Локально сохраняются только настройки редактора.

Какую систему координат использует экспорт в JSON?

Каждый кадр измеряет координаты в пикселях от верхнего левого угла. Размеры ширины и высоты сохраняются как положительные числа с собственным опорным центром (pivot).

Можно ли редактировать спрайтшиты и отдельные кадры?

Да. Вы можете загрузить спрайтшит PNG/WebP с указанием строк и столбцов или выбрать последовательность отдельных файлов.

Работает ли экспорт во всех игровых движках?

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

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