комп’ютери

Kwik 2 та Sprite аркуші текстури

Січень 2022

Kwik 2 та Sprite аркуші текстури


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

Багато з вас, можливо, захочуть використовувати спрайтові аркуші замість кліпів для фільмів для програми Kwik Bookbook, особливо якщо в анімації багато зображень. Створюючи аркуш спрайта в такій програмі, як Texture Packer, ви зможете об'єднати та оптимізувати всі зображення, що називаються спрайтами, в один файл, який називається спрайтовим аркушем. Цей спрайт-лист буде меншим файлом зображень і буде використовувати менше пам’яті вашого пристрою під час завантаження у ваш додаток.

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

fly_1.png
fly_2.png
fly_3.png

Нашим першим кроком є ​​відкриття Texture Packer та імпорт папки із спрайтовими зображеннями в програмне забезпечення. Тоді ми розглянемо варіанти оптимізації нашого спрайту.

  1. Відкрийте пакувальник текстур.

  2. Клацніть піктограму Додати папку у верхній частині робочої області. Перейдіть до своєї папки fly та виберіть її для імпорту в програму.

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

  3. На панелі "Виведення" встановіть Формат даних на Kwik 2 (аркуш зображення).

  4. Дайте файлу даних назву типу "flyAni" та скористайтеся кнопкою перегляду, щоб встановити місце, де Texture Packer виведе ваші файли. Зауважте, що Texture Packer автоматично додає налаштування виводу тексту тексту до того самого місця.

  5. Формат текстури: PNG

  6. Встановіть формат зображення на RGBA4444.

    Формат зображення за замовчуванням - RGBA8888, що дасть вам гарну якість зображення за рахунок розміру файлу. Можливо, ви хочете використовувати цей формат для фонових зображень, які повинні відображатися в кращій якості на екрані.

    Для спрайтів, які будуть анімовані, ми можемо встановити нижчий формат, оскільки дещо нижчу якість буде важко помітити в рухомому зображенні. Ми зменшимо формат зображення до RGBA4444.

    Ми можемо компенсувати будь-які втрати в якості зображення за допомогою налаштування FloydSteinberg + Alpha Dithering. Таке поєднання формату зображення та дитрінгу дасть нам кращі результати та зменшить розмір нашого файлу.

  7. Встановіть Dithering на FloydSteinberg + Alpha.

  8. На панелі "Геометрія" встановіть прапорець "Дозволити вільні розміри". Зберігайте інші настройки за замовчуванням.

  9. На панелі "Макет" встановіть обкладку з облямівкою та формою на 0. Тримайте "Екструдеру" 0.

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

  10. Поставте прапорець на обрізання.

  11. Якщо у ваших зображень із спрайту PNG кольоровий фон, установіть прапорець Евристична маска.

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

    Збережіть інші параметри за замовчуванням на цій панелі.

  12. Клацніть піктограму Опублікувати вгорі.

Ви побачите, що Texture Packer створив файл flyAni.png, що містить усі три наші спрайти, і файл flyAni.lua, який Kwik використовуватиме для створення анімації з спрайтів.

Примітка. Якщо у вас виникають проблеми з тим, щоб аркуші спрайтів працювати у вашому додатку, ваш перший крок - отримати останню версію обох Kwik 2 та Corona SDK.

Примітка: Якщо ваша анімація спрайтів трохи стрибне, спробуйте змінити налаштування Border and Shape Padding назад до 2. Потім спробуйте зняти прапорець Crop. Це залишить більше порожнього простору між кожним спрайтом на спрайт-аркуші.

Ці навчальні посібники призначені для старішої версії Kwik 2 і, можливо, не дуже допоможуть при використанні Kwik 3 і вище. Якщо у вас виникли проблеми, скористайтеся форумом Kwik.

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.
Продукт Kwik, логотип Kwik та Kwiksher - це властивості Kwiksher.com - Copyright 2011. Знімки екрана, які використовуються дозволом.

Ross's Game Dungeon: TrackMania² Canyon (Січень 2022)



Теги Статті: Kwik 2 та Sprite аркуші текстури, цифрове мистецтво та дизайн, анімація спрайт-спрайту Kwik 2

Що таке віра?

Що таке віра?

релігія та духовність