Повязки Pepeland

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

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

Строение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заметка

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

Для упрощения понимания я разделил сборку повязки на этапы:

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

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

    Пример:

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

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

    Пример:

    example_2

Заметка

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

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

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

Пример №1Пример №2Пример №3