Использование Texture Packers

Что такое упаковка текстур?

Часто спрайты или изображения пользовательского интерфейса представлены в виде отдельных изображений. Упаковка текстур - это объединение этих отдельных изображений в один атлас текстур.

Это имеет несколько преимуществ, включая:

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

Инструменты

Вот некоторые инструменты для упаковки текстур, совместимые с PlayCanvas.

TexturePacker Online (бесплатно)

(Веб-сайт)

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

1. Очистите атлас текстур.
2. Добавьте свои спрайты/изображения пользовательского интерфейса.
3. Формат данных должен быть сохранен как JSON hash.
4. Загрузите .png для атласа текстур.
5. Загрузите .json для данных о кадрах.

Инструмент Texture Packer

(Веб-сайт)

TexturePacker - это платный инструмент для загрузки, который имеет гораздо больше функций и опций для создания атласов текстур. К ним относятся больше контроля над расположением спрайтов/изображений пользовательского интерфейса и возможность настройки 9 срезов.

Основные шаги:

1. Добавьте свои спрайты/изображения пользовательского интерфейса.
2. Установите Output files -> Framework как PlayCanvas.
3. Нажмите на Publish sprite sheet, чтобы создать атлас текстур и данные о кадрах JSON.

Создание кадров в Sprite Editor

После того, как вы загрузили файл атласа текстур в редактор и создали атлас текстур, откройте Sprite Editor.

Нажмите на "Upload Texture Packer JSON" и выберите файл данных о кадрах JSON для загрузки.

Это создаст кадры в атласе текстур, из которых вы сможете создавать спрайты.

При обновлении атласа текстур позднее в процессе разработки, если имена файлов спрайтов и имена кадров остаются прежними, при загрузке новых данных о кадрах произойдет следующее:

• У спрайтов, которые были удалены на атласе, будут удалены их кадры.
• У спрайтов, которые были добавлены на атлас, будут добавлены новые кадры в конец списка.
• У существующих спрайтов будут обновлены их кадры.