Як я можу обертати піритки арт-пікселів, не естетичні зриви?


12

Я зараз перед величезним питанням "Дизайн ігор". Я створюю піксельну гра-арт-іш і за допомогою білінеарної інтерполяції можна вирішити безліч проблем з анімацією. З іншого боку, це вже не "піксельна гра".

Якщо я використовую Bilinear Interpolation, анімація працює, але вона виглядає "гібридно-іш", і стиль мистецтва втрачається. Або я зіпсую свої анімації, або зіпсую артстиль. Я не можу як це здається.

Чи є інший спосіб вирішити це?

введіть тут опис зображення


4
Це ваша гра, ви вирішите :)
Vaillancourt

Чи є "монолінійна" інтерполяція (як правило, її називають "лінійною інтерполяцією")?
Філіпп

1
Я переформулював питання, щоб воно звучало менш обґрунтовано.
Філіпп

чекати, що? мені не потрібно це схвалювати? : D
OC_RaizW

1
Існує також можливість повороту шляхом стрижки , яка переміщує вхідні пікселі навколо, не дублюючи їх / зміщуючи / змішуючи їх.
DMGregory

Відповіді:


14

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

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

Ось приклад спрайту оригінального розміру, який збільшується на коефіцієнт 3 без інтерполяції, а потім повертається на 30 ° з лінійною інтерполяцією:

введіть тут опис зображення


1
По суті кожен "піксель" стає 10x10 пікселів чи щось подібне?
Іван

2
@John так, саме це я маю на увазі під штучним ретро. 10x10 може бути трохи більшим (звичайно, залежно від роздільної здатності апаратної платформи, на яку ви орієнтовані), але в основному це ідея. У вас спрайт, схожий на художній твір 16х32 пікселів, але насправді текстура розміром 48x96, кожен "видимий" піксель насправді становить 3х3 пікселя одного кольору.
Філіпп

thaaat був приблизно таким же, як я думав ....
OC_RaizW

такий же підхід був в Starbound, коли «видимі» пікселі на насправді були квадрати 3x3 реальних пікселів
trollingchar

16

Погляньте на RotSprite .

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

Приклад RotSprite

Спочатку алгоритм масштабує зображення в 8 разів більше свого початкового розміру за допомогою модифікованого алгоритму Scale2 ×, який розглядає подібні (а не однакові) пікселі як відповідність. Потім він обчислює, який зсув обертання використовувати, надаючи перевагу вибіркам, які не є граничними пікселями. Далі, обернене зображення створюється за допомогою алгоритму масштабування та обертання найближчого сусіда, який одночасно зменшує велике зображення до його початкового розміру та обертає зображення. Нарешті, оглянуті деталі з одним пікселем відновлюються, якщо відповідний піксель у вихідному зображенні відрізняється, а піксель призначення має три однакові сусіди.

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

GIF ротсприту в дії

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


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

@OC_RaizW Це не повинно статися. Ви можете зв’язатися з розробником активу Unity.
Rudey

-4

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


4
Про який редактор зображень ви говорите? Питання не згадує жодного конкретного інструменту. Отож, якщо ви знаєте редактор зображень, де обертання спрайту низької роздільної здатності з мінімальними втратами якості насправді так легко, скажіть, будь ласка, до якого із цих інструкцій застосовуються.
Філіпп
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.