Как пользоваться инструментом «Редактор точек опоры спрайтов»
- Перетащите спрайт-лист и проверьте найденную сетку.
- Кликните по большому виду кадра, чтобы поставить точку опоры, или выберите пресет: центр, низ по центру, левый верхний угол или ноги (определяются автоматически по самым нижним пикселям).
- Переключайте кадры стрелками или клавишами , и . и двигайте точку опоры стрелками (Shift = 4 px).
- Следите за превью: кадры выравниваются по точке опоры над линией земли, так что любое дрожание сразу видно.
- Задайте FPS, длительность кадров и режим цикла, затем экспортируйте JSON в общем формате, в стиле Aseprite или в стиле Godot.
Что вы получаете
- Общий JSON: прямоугольники кадров, pivot в px и в диапазоне 0–1, длительности, fps, цикл
- JSON в стиле Aseprite (json-array с frameTags)
- JSON для Godot (регионы, смещения, относительные длительности)
Советы из практики геймдева
- Пресет «Ноги» находит точку внизу по центру видимых пикселей каждого кадра — правильную точку опоры для большинства персонажей с видом сбоку.
- Калька показывает предыдущий кадр, выровненный по его точке опоры, так что можно точно совместить ступню или голову между кадрами.
- Чтобы ключевой кадр держался дольше, задайте ему собственную длительность: кадрам замаха и удара часто нужно в 2–3 раза больше базового времени.
- Повторный импорт экспортированного JSON восстанавливает точки опоры и FPS, так что к правкам можно вернуться позже.
Сценарии использования
- Убрать дрожание в анимациях, сгенерированных ИИ или обведённых вручную
- Задать точки опоры атак и прыжков, которые меняются от кадра к кадру
- Подготовить спрайт-листы для движков, читающих точку опоры каждого кадра
- Передать данные о тайминге программисту
Вопросы и ответы
Что такое точка опоры (pivot)?
Точка кадра, которая совпадает с позицией спрайта в игре. У персонажа это обычно точка между ступнями, чтобы он стоял на земле, как бы ни был нарисован кадр.
Почему моя анимация скользит или дрожит?
Персонаж находится не в одном и том же месте в каждом кадре. С точкой опоры для каждого кадра движок может это компенсировать, а превью здесь покажет результат до экспорта.
В какие форматы можно экспортировать?
Общий JSON со всеми данными, json-array в стиле Aseprite с тегами кадров и нормализованными точками опоры и JSON в стиле Godot с регионами и смещениями относительно центра кадра.
Можно ли импортировать точки опоры обратно?
Да. Любой из трёх экспортированных форматов можно загрузить снова, чтобы восстановить точки опоры, длительности и FPS.
Меняется ли моё изображение?
Нет. Спрайт-лист остаётся как есть, экспортируются только данные JSON.
Загружается ли мой спрайт-лист на сервер?
Нет. Всё происходит локально в вашем браузере.