Создание повязки

На этой странице описан весь процесс создания повязки со всеми особенностями.

Новый способ загрузки повязок

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

Создание повязки

Для создания повязки можно использовать любые редакторы скинов, такие как Blockbench. Чтобы сайт корректно распознал повязку, её следует размещать на левой руке с широкой (или узкой) моделью.

Как это работает?

1. Определение границ высоты

   • Сайт анализирует пиксели на руке сверху вниз, проверяя их на прозрачность.
   • Как только найден первый непрозрачный пиксель, его позиция фиксируется как начальная высота повязки.
   • Затем алгоритм движется снизу вверх. Первый непрозрачный пиксель снизу фиксируется как конечная высота повязки.

2. Вычисление высоты

   Разница между конечной и начальной высотами определяет высоту повязки.

3. Обработка повязки

   Найденный диапазон преобразуется в формат, понятный сайту.

Особенности для разных типов рук

Загружая развертки скинов на сайт нужно учитывать, что для каждого типа рук повязки должна быть развертка соответствующего типа.

Старый метод загрузки повязок

Этот метод все еще доступен на странице создания, но его использование в разы сложнее нового. Однако этот метод позволяет боле точно контролировать процесс сборки повязки.

Строение

Перед началом создания повязки важно понять её строение:

• Файл повязки на сайте состоит из двух слоёв, которые соединены вместе друг под другом.
• Ширина любой повязки должна быть 16 пикселей.
• Высота может быть любой в диапазоне от 1 до 12 пикселей включительно.
• Так как файл с повязкой состоит из одного изображения (1-й пункт), диапазон высоты итогового изображения составляет от 2 до 24 пикселей включительно, а так же должен быть чётным.

Алгоритм наложения

Чтобы правильно создать повязку, нужно понимать процесс её наложения на скин.

1. Разбиение одного файла на первый и второй слой:

   Входной файл делится пополам по высоте (именно поэтому он должен быть чётной высоты). Верхняя половина идёт на второй слой, а нижняя на первый.

2. Адаптация под выбранную часть тела, тип рук:

   Если выбран узкий тип скина, то движок повязок обрезает повязку слева и справа по одному пикселю. Учитывайте это при создании повязки!
   Подробно рассказывать об адаптации повязки под правую руку и ногу не имеет смысла, нужно лишь знать то, что повязка будет выглядеть одинаково на левой и правой руке, единственное изменение, которая она претерпит – это "поворот" на 180° вокруг оси руки без отражения.

3. Окрашивание повязки в заданный цвет.

   Об этом подробнее в /tutorials/colorable.

4. Финальное наложение на скин.

   Диапазон позиций вычисляется как 12-`высота повязки`.

Сборка повязки

После того, как вы нарисовали повязку, следует собрать её в понятный для сайта формат.

Процесс сборки можно разделить на два этапа:

1. Определение размеров повязки.

   Так как ширина повязки всегда должна быть 16 пикселей, определять нужно высоту. Если слои имеют различную высоту, то нужно брать максимальную высоту слоя. Учтите, что определенные границы первого и второго слоя должны начинаться и заканчиваться на одной координате Y.

   Пример:

   

2. Разбиение на слои.

   После определения размеров повязки, нужно разделить её на слои.
   Создайте новый `.png` файл шириной 16 пикселей и высотой, вдвое большей высоте повязки. Поместите второй слой в верхнюю половину файла, а первый — в нижнюю.

   Пример:

   

Видеопример

И в общем это всё ¯\_(ツ)_/¯. Эти два этапа помогут вам правильно собрать свою повязку в понятный для сайта файл. Осталось только опубликовать её в мастерской.

Несколько примеров: