Что нужно системе достижений от значков?
Больше одной картинки на достижение. Игрок видит значок еще до того, как получит его (заблокированный), иногда — не зная, что это за достижение (скрытый), и часто по уровням (бронза, серебро, золото). К тому же каждой платформе нужен свой размер и формат. Если рисовать каждое состояние вручную, работы становится впятеро больше. Генератор значков рисует каждое достижение один раз, а остальные состояния делает из этого рисунка.
Наш пример для бегового клуба: девять значков по одному списку, полученные (сверху) и заблокированные (снизу). Заблокированные версии сделаны из тех же рисунков, а не нарисованы заново.
Как сделать набор значков?
Откройте ИИ-генератор логотипов и выберите «Значки», затем «Набор».
- Перечислите достижения, по одному в чипе:
первая пробежка, 5 км, 10 км, полумарафон, марафон, ранняя пташка. Набор можно расширить до 36 значков. - Выберите нижнюю строку: «Нет», «Уровень 1, 2, 3…» в порядке списка или «Одинаковый текст» на каждом значке (название клуба, год). Название достижения идет по верхней дуге.
- Выберите вид: «Яркий», «Линия» или «Ретро», плюс до 300 символов о стиле своими словами и до трех цветов: «яркий, спортивный, темно-синий и оранжевый».
- Отправьте. Цена нового набора заранее указана на кнопке.
Для одного значка, герба клуба или печати «С 2024» выберите «Один значок» и сами впишите центр, верхнюю и нижнюю строку.
Надпись будет написана так, как я ввел?
Текст рисуется как часть изображения, и в запросе он передается ровно так, как вы его ввели. Проверьте каждый значок перед скачиванием: буква все-таки может выйти неправильно. Короткие строки читаются лучше всего: в верхней строке помещается до 40 символов, в нижней — до 30, но два-три слова ложатся на дугу гораздо лучше, чем фраза. Если слово получилось с ошибкой, переделайте этот значок в новом раунде с пояснением («верхняя строка: ГЕРОЙ ПОЛУМАРАФОНА»), а остальной набор останется как есть. Слова, которые требуют чужого логотипа или товарного знака, отклоняются еще до рисования, и ничего не списывается. Утверждения о вашем собственном бизнесе, например «сертифицировано» или «гарантия возврата денег», показываются вам, чтобы вы подтвердили, что это правда.
Какие версии каждого значка я получу?
| Версия | Как выглядит | Для чего обычно |
|---|---|---|
| Получен | значок как нарисован | открытое достижение |
| Бронза, Серебро, Золото, Платина | кольцо и надпись перекрашены в цвет металла, матово или с легким блеском | уровни одного достижения |
| Заблокирован | приглушенная серая версия с замком на кольце | еще не получено |
| Скрытый | серый значок, бледный, под большим вопросительным знаком | секретное достижение |
Уровни перекрашивают целые фигуры кольца по их роли (внешнее кольцо, ободок, лента, буквы) и следят, чтобы буквы оставались читаемыми на ленте. Рисунок в центре сохраняет свои цвета, так что достижение узнается с первого взгляда.
Какие файлы получает каждая платформа?
| Скачивание | Файлы |
|---|---|
| Сайт и приложение | по SVG на каждый значок и версию, PNG в 64, 128, 256 и 512 px, sprite.svg и badges.json со списком всех файлов и надписей |
| Steam | JPG 256 × 256 в achieved/ и unachieved/ (заблокированная версия), как требует Steamworks |
| Game Center | PNG 1024 × 1024 |
| Google Play | PNG 512 × 512 меньше 1 МБ (заблокированные достижения Google делает серыми сам) |
| Twitch | значки подписчиков в 18, 36 и 72 px, каждый меньше 25 КБ |
| Discord | иконки ролей 64 × 64 меньше 256 КБ |
| Open Badges | квадратные PNG от 600 px и меньше 256 КБ — для цифровых сертификатов |
| Печать | PNG 300 DPI и SVG в миллиметрах, от 2 до 10 см в поперечнике |
Каждое скачивание делается в размерах и форматах своей платформы, а его PNG сжимаются под ее лимит размера файла. Правила платформ меняются; таблица отражает их на момент написания этого руководства.
Как показать их в приложении?
Используйте badges.json из скачивания «Сайт и приложение» как таблицу соответствий: в каждой записи указаны достижение, его верхняя и нижняя надписи и файл каждой версии. Показывайте полученный SVG, когда достижение у игрока есть, и заблокированный — когда нет. SVG остаются четкими на экранах любой плотности. PNG используйте там, где движок или магазин просит растр. Надпись на кольце хорошо читается от 128 px. Мельче значок узнается по рисунку и цвету, поэтому центр делайте простым, а каждому значку в наборе давайте свой сюжет.