Для вашего движка
Бесплатные UI-ассеты для игр под Phaser
1028 наборов интерфейса, готовых для проекта на Phaser: каждый спрайт приходит пустым, ваш текст и иконки ложатся внутрь.
Импорт
Загружайте PNG через this.load.image, а лист — через this.load.atlas, если набор его даёт. Экспорты 1x, 2x и 4x существуют ради плотности пикселей: выбирайте масштаб при загрузке по window.devicePixelRatio, а не позволяйте браузеру растягивать текстуру 1x.
Настройка nine-slice
Начиная с Phaser 3.60 есть this.add.nineslice(x, y, texture, frame, width, height, leftWidth, rightWidth, topHeight, bottomHeight). Четыре числа — поля из блока характеристик, в пикселях при 1x; умножьте их на загруженный масштаб.
Пиксель-арт
Для пиксель-арта поставьте pixelArt: true в конфиге игры. Это в одном месте переключает рендерер на фильтрацию по ближайшему соседу и выключает сглаживание — именно это держит целочисленно масштабированный спрайт резким.
Форматы и лицензия
В каждом наборе прозрачные PNG в 1x, 2x и 4x вместе с редактируемым векторным исходником, под лицензией CC-BY-4.0. Ни страницы ожидания, ни рекламного шлюза, ни аккаунта: ссылка для скачивания на странице ассета — это сам файл.
Что есть в каталоге
- 2D — Тайлсеты и графика интерфейса для 2D-игр.
- 3D — Наборы материалов поверхностей.
- Аудио — Звуковые эффекты и лупы.