Формати ігрових ресурсів: спрайти, атласи та меші

Прочитавши цей посібник, ви знатимете, як поєднуються спрайти, атласи текстур, меші, матеріали та допоміжні файли. Ви також отримаєте практичний чеклист для перевірки цифрового ресурсу перед його купівлею або публікацією.

Правильний формат залежить від вашого рушія, камери, цільової платформи та способу роботи. Навіть чудовий ресурс може створити зайву роботу, якщо в ньому неправильний масштаб, налаштування текстур, ліцензія або структура анімації.

Почніть із завдання ресурсу

Ігрові ресурси поділяються на дві великі групи. 2D-ресурси описують зображення пікселями. 3D-ресурси описують поверхні за допомогою геометрії, текстур і налаштувань матеріалів. Вимоги вашої камери та ігрового процесу визначають, яка група підходить для завдання.

Тип ресурсу	Що містить	Типове використання	Перша перевірка
Спрайт	Пласке зображення з необов'язковою прозорістю	Персонажі, ефекти, іконки, тайли	Розміри в пікселях і альфа-канал
Аркуш спрайтів	Кілька кадрів анімації в одному зображенні	Покадрова анімація персонажів	Розмір і порядок кадрів
Атлас текстур	Кілька текстур, упакованих в одне зображення	Менше змін текстур під час рендерингу	Розкладка UV або координати атласу
Меш	Вершини, ребра та грані	Персонажі, предмети, довкілля	Кількість полігонів, масштаб і нормалі
Матеріал	Правила відображення поверхні	Метал, шкіра, тканина, скло, ефекти	Вимоги до шейдера та слоти текстур

Спрайт зазвичай повернений до камери, а меш займає 3D-простір і може освітлюватися з різних боків. Аркуш спрайтів зберігає кадри анімації поруч один з одним. Атлас пакує окремі зображення в одну більшу текстуру, а потім використовує UV-координати або вихідні прямокутники, щоб знайти кожне зображення.

У картках товарів у магазинах ці терміни перетинаються, тому перевіряйте самі файли, а не покладайтеся на назву продукту. Оголошення зі словами «атлас спрайтів» може містити кадри анімації, окремі зображення предметів або й те, й інше.

від 0 до 1

стандартний діапазон UV-координат

32-bit

колір RGBA з альфою

1:1

співвідношення квадратної текстури

a split sketch with a flat character image on the left and a wireframe 3D character on the right, arrows pointing to a packed texture grid and a UV map, labels "PIXELS", "MESH", "UVS" — розділений ескіз: ліворуч пласке зображення персонажа, праворуч каркасний 3D-персонаж, стрілки вказують на упаковану сітку текстур і UV-мапу, підписи "PIXELS", "MESH", "UVS"

Оберіть між спрайтами, атласами та мешами

Використовуйте спрайти для зображень із фіксованим виглядом

Обирайте спрайти, коли камера бачить об'єкт з одного запланованого ракурсу. Іконки інтерфейсу, клуби диму, кадри частинок, піксель-арт-персонажі та елементи 2D-фону добре підходять як спрайти.

Перевірте розміри зображення до купівлі. Набір іконок 512 на 512 дасть інший результат, ніж набір ілюстрацій 2048 на 2048, навіть якщо в обох оголошеннях схожі прев'ю. Перевірте також прозору рамку. Зайві порожні пікселі можуть вплинути на розташування півота, межі колізій і порядок малювання.

Використовуйте аркуші спрайтів для покадрової анімації

Аркуш спрайтів зберігає кадри анімації в одному зображенні. Вашому рушію потрібні ширина й висота кадру, відступи, поля та порядок читання. Аркуш із вісьмома кадрами 128 на 128 потребує іншого налаштування нарізання, ніж аркуш із нерегулярними прямокутниками кадрів.

Запитайте, чи надає автор файл метаданих або готове налаштування анімації. Метадані можуть зберігати прямокутники кадрів, півоти, тривалість і теги. Без них ви все одно можете нарізати зображення, але ці значення доведеться вводити самостійно.

Використовуйте атласи для пов'язаних зображень

Атлас об'єднує кілька зображень в одну текстуру. Рушій може малювати багато об'єктів, рідше змінюючи текстури, що може знизити навантаження на рендеринг. Користь залежить від вашого рушія, правил пакетування, налаштування матеріалів і цільового обладнання.

Шукайте зображення атласу та інформацію, що визначає кожну ділянку. Координати прямокутників і значення півотів може містити файл JSON, XML, CSV або файл, специфічний для рушія. Якщо в продукті є лише упаковане зображення, ці ділянки, можливо, доведеться відтворювати вручну.

Використовуйте меші для об'єктів, яким потрібна глибина

Меш підходить для об'єкта, який обертається, згинається, відкидає тінь певної форми або потребує кількох ракурсів камери. Файл меша може мати формат OBJ, FBX, glTF чи інший формат обміну. Саме розширення не говорить, чи містить файл матеріали, анімацію, світло, камери чи лише геометрію.

Перевірте кількість полігонів і топологію. Low-poly-предмет може підійти для мобільної сцени, а детальному персонажеві може знадобитися більше геометрії навколо суглобів і рис обличчя. Огляньте меш у каркасному режимі, адже відрендерене прев'ю може приховати розтягнуті грані, щільні ділянки та діри.

Визначте візуальне завдання

Вирішіть, чи потрібен ресурсу один вигляд, покадрова анімація, упаковані зображення чи повноцінний 3D-рух.

Підберіть формат постачання

Порівняйте включені файли зі своїм рушієм, рендерером і конвеєром експорту, перш ніж оцінювати прев'ю.

Протестуйте невелику сцену

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

Перевірте файли, що стоять за прев'ю

Зображення прев'ю показують задуманий вигляд, а не повне виробниче налаштування. Відкрийте список файлів і знайдіть вихідний формат, файли текстур, файли матеріалів, дані анімації, документацію та приклад сцени.

Перевірки текстур

Переконайтеся в розмірах текстури та типі кольору. PNG часто зберігає прозорість, а JPG не має альфа-каналу. TGA та інші формати можуть зберігати виробничі дані, які ваш рушій імпортує по-іншому. Перевірте краї прозорих зображень на ореоли, спричинені кольоровим тлом.

Шукайте окремі мапи: базовий колір, нормалі, металічність, шорсткість, затінення оточення, емісію та непрозорість. Мапі нормалей потрібна правильна орієнтація каналів для вашого рендерера. Мапи шорсткості та глянцю трактуються навпаки, тому перед підключенням будь-якої з них перевірте інструкції автора.

Перевірки меша

Відкрийте меш і перевірте масштаб об'єкта, початок координат, обертання та напрямок уперед. Персонаж, повернений до неправильної осі, може змусити вас обертати кожен екземпляр у грі. Початок координат біля ніг персонажа полегшує розміщення та контакт із землею. Предмет, початок координат якого далеко від самого об'єкта, може здаватися таким, що обертається неправильно.

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

Перевірки ригу та анімації

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

Перевірте назви анімацій, частоту кадрів, рух кореня та поведінку в циклі. Кліп «ходьба» може переміщувати персонажа сценою, а може залишати корінь на місці, поки рух обробляє ваш контролер. Архітектура вашої гри має відповідати цьому вибору.

Оголошення про готову до гри 3D-модель, таке як ця модель Alien 1, може стати корисним орієнтиром для порівняння файлів проєкту з експортованими форматами. Перед купівлею перевірте, які частини пакета може використати ваш власний конвеєр.

Підберіть ресурс до свого рушія та артдирекції

Почніть зі шляху імпорту, який ви плануєте використовувати. Рідний пакет проєкту може заощадити час на налаштування в одному рушії, а файл обміну може підійти для власного конвеєра чи іншого рушія. Продукт, що містить обидва варіанти, дає більше гнучкості, але матеріали та налаштування анімації все одно потрібно перевірити.

Порівняйте систему координат і масштаб одиниць ресурсу зі своїм проєктом. Багато рушіїв використовують метри як практичну одиницю світу, але автори можуть моделювати за іншими домовленостями. Помістіть ресурс поруч з об'єктом відомого розміру, наприклад дверима або кубом 1 метр, перш ніж будувати навколо нього ігровий процес.

Перевірте візуальний стиль за вашого справжнього освітлення. Фізично коректний матеріал може виглядати правильно при нейтральному світлі, але не пасувати до намальованої вручну сцени. Тун-шейдеру може знадобитися сумісний рендерер і певні налаштування контуру чи рампи. Шейдерний продукт, як-от Anime Stylized Shader Pro, може змінити вигляд сумісних матеріалів, але не здатен виправити відсутні текстури, погану топологію чи неправильні UV.

Зверніть увагу й на цільову платформу. Великі текстури споживають пам'ять. Щільні меші збільшують обробку вершин. Багато прозорих спрайтів можуть спричинити овердро, особливо коли накладається кілька повноекранних ефектів. Використовуйте найменший бюджет текстур і геометрії, що зберігає потрібний вам результат.

Не рекомендовано

Не вважайте, що зображення прев'ю містить усі показані текстури, риги чи матеріали.
Не прив'язуйте атлас до матеріалу, не перевіривши його UV-координати.
Не оцінюйте продуктивність лише за кількістю полігонів. Пам'ять текстур, прозорість, матеріали та скрипти теж мають значення.

Скористайтеся чеклистом перед купівлею

Візьміть опис оголошення за відправну точку, а потім шукайте конкретні підтвердження в галереї прев'ю, списку файлів, документації та прикладі проєкту. Записуйте відповіді до купівлі, щоб порівнювати кілька ресурсів на однакових умовах.

Формат: Чи містить пакет вихідний файл, файл обміну або проєкт для рушія?
Текстури: Які мапи постачаються з ресурсом і які мапи очікує матеріал?
Прозорість: Чи мають зображення альфу і чи пояснює пакет налаштування змішування або вирізання?
UV: Чи має кожен меш придатні UV і чи збігаються з ними текстури?
Масштаб: Чи відповідає об'єкт одиницям і пропорціям вашого проєкту?
Анімація: Чи містить пакет риг, кліпи, blend shapes чи лише статичний меш?
Оптимізація: Чи можна створити версії з меншою деталізацією або менші текстури для вашої цільової платформи?
Залежності: Чи потребує ресурс певного шейдера, плагіна, шрифту, скрипта або зовнішньої бібліотеки?
Ліцензія: Чи можна використовувати ресурс у вашому продукті, редагувати його та поширювати готову гру?
Допоміжні файли: Чи містить пакет метадані атласу, налаштування імпорту, документацію або демосцену?

Автори можуть зменшити невизначеність покупців, назвавши кожен тип включених файлів, указавши розміри текстур, перелічивши кількість полігонів, показавши каркаси та задокументувавши залежності. Коротка інструкція з імпорту часто економить більше часу, ніж ще один відполірований рендер.

Поширені помилки

Покупці часто обирають ресурс лише за прев'ю. Такий вибір може приховати відсутній альфа-канал, несумісний шейдер, несподіваний масштаб одиниць або атлас текстур без даних про ділянки. Покупці також ігнорують умови ліцензії, коли зосереджуються на візуальному результаті.

Автори роблять схожу помилку, коли експортують модель, не перевіривши фінальний пакет. Меш може виглядати правильно в сцені автора, але після експорту втратити матеріали, кліпи анімації, нормалі чи шляхи до текстур. Відкрийте справжнє завантаження в чистому проєкті та протестуйте його з погляду покупця.

Ще одна часта помилка полягає в тому, що аркуш спрайтів плутають з атласом. Аркуш спрайтів зазвичай розташовує кадри анімації в передбачуваній сітці. Атлас може містити не пов'язані між собою зображення з різними прямокутниками. Використовуйте метадані кадрів для анімації та метадані ділянок для упакованих зображень, а потім перевірте обидва в рушії.

a buyer’s checklist beside an opened asset folder containing a PNG atlas, a glTF mesh, a JSON metadata file, and a license document, arrows leading to a test scene, labels "FILES", "RIGHTS", "TEST" — чеклист покупця поруч із відкритою текою ресурсів, у якій лежать атлас PNG, меш glTF, файл метаданих JSON і документ ліцензії, стрілки ведуть до тестової сцени, підписи "FILES", "RIGHTS", "TEST"

Поширені запитання

Чим відрізняється аркуш спрайтів від атласу текстур?

Аркуш спрайтів зазвичай зберігає кадри анімації, часто в регулярній сітці. Атлас текстур пакує кілька зображень або ділянок для окремих об'єктів і може використовувати нерегулярні прямокутники з метаданими.

Чи можна використати файл OBJ для анімованого персонажа?

OBJ зазвичай зберігає статичну геометрію, позиції вершин, нормалі, UV і посилання на матеріали. Він, як правило, не містить скелета персонажа чи скелетної анімації, тож для анімованого персонажа потрібні формат і робочий процес, що зберігають дані ригу.

Чому мої прозорі спрайти мають темний або світлий контур?

Прозорі пікселі можуть містити RGB-колір вихідного тла, а фільтрація може змішувати цей колір із видимими пікселями. Використовуйте правильно підготовлені кольори країв, відповідні налаштування текстур і режим змішування, якого очікує ваш рушій.

Що автор має додати до готового до гри меша?

Корисний пакет містить меш, робочі текстури, поради щодо матеріалів, придатні UV, указаний масштаб, інформацію про полігони та будь-які файли ригу чи анімації, показані в прев'ю. Автор також має додати умови ліцензії та вказати зовнішні залежності.