Як можна дати ілюзію висоти балу в 2D?


40

У 2D футбольних іграх зверху вниз іноді м'яч отримує ілюзію перебування в повітрі, як нижче:

приклад

Як я можу цього досягти?


тут ваша відповідь japantoday.com/category/lifestyle/view/… : тінь.
v.oddou

1
Посилаючись на джерело зображення: я спочатку вирізав цей GIF з цього відеоігрового відео Tiki Taka Soccer для цього питання .
Анко


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

Як далеко м'яч від власної тіні !,
Bradman175

Відповіді:


79

Дайте кульці значення висоти. Намалюйте тінь у фактичному 2D-положенні кулі; тінь допоможе просторово зорієнтувати м'яч для гравця.

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


40
Крім того, масштабуйте м'яч, коли він піднімається на осі Y для додаткового ефекту (при цьому зменшуючи тінь, якщо хочете)
jgallant

Ідея Джона справді розумна. Залежно від того, яку гру та рівень 'дії' ви хочете вкласти в неї, це дійсно гарна ідея (також її легко здійснити)
tfrascaroli

1
Ви також можете масштабувати кулю (або у випадку з спрайтами, змінювати спрайт на поступово більші / менші зображення), щоб він імітував ближче до камери. Це може перебільшувати висоту або може бути незначним, залежно від кількості різниці розмірів.
Draco18s

1
@Jon зменшення тіні не було б реалістичним. Зробити це більш дифузним було б, якщо це в межах технічного рівня гри.
варення

1
@Kramii - це ефективно те, що ви отримуєте, коли ви "компенсуєте положення Y" висотою "кулі", як описано у відповіді.
osvein

78

Тінь і текстури .

Текстуруйте кульку, щоб показати її обертається. Це допомагає створити ілюзію обертання сфери, яка має більше ніж 2 виміри.

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

Тінь може обманути ваш мозок повірити у всілякі речі. Зробити плоскі речі такими, що вони мають третій вимір.

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

Вам навіть не потрібно змінювати висоту кулі, потрібно просто змінити розташування тіні.

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

Це відео - прекрасний приклад того, що може зробити тінь. Ви помітите, що куля рухається точно однаково у кожній послідовності, змінюється лише тінь: https://www.youtube.com/watch?v=5fgOK0odA1o


6
Вибачте за жахливі gif ... Я б хотів, щоб ми могли вставити відео.
MichaelHouse

18
ці gif ідеальні і вони вбудовуються. У випадку з відео мені потрібно було б вручну відтворити кожен із них
lukas.pukenis

Також відео будуть пов'язані зовні. AFAIK навіть StackOverflow не завантажують відео на YouTube та не зберігають їх ... але GIF-файли вони можуть зберігати.
Нельсон

деякі веб-сайти можуть вставляти youtube
joojaa

Приємні пропозиції, але компенсувати тінь здається дивним. Тінь - це проекція кулі до площини землі. Він рухається по прямій лінії (не параболі, як 3d-куля), і коли м'яч знаходиться на землі, положення м'яча та тіні повинні відповідати. Якщо ми замістимо тінь замість кулі, це може бути дуже заплутано. Нам доведеться або змусити тінь мати параболічну траєкторію, щоб перемістити її до кулі, або змусити її раптово зникнути, коли куля приземлиться. Обидва варіанти будуть виглядати дуже дивно.
interphx

1

Shadow and Ball - ключові аспекти. Розмір тіні і відстань між Кулькою і тінню повинні збільшуватися при збільшенні висоти. Також розмір кулі повинен збільшуватися при збільшенні висоти кулі. Позиція тіні являє собою положення кулі в 2d, і при збільшенні висоти кулі вам потрібно змінити положення кулі (я припускаю, що джерело світла є однорідним і воно не є єдиною точкою, як лампа. Джерело світла змінює все про тінь). Нарешті ви можете додати деяку анімацію, як повітряний потік.


3
Розмір кулі повинен збільшуватися ... лише якщо вони мають перспективну проекцію. Якщо він є ізометричним, як на зображенні, розмір кулі повинен залишатися однаковим.
Артуро Торрес Санчес

0

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


-1

Ви намалюєте тінь нижче кулі, як це зроблено в gif. Чим вище кулька, тим довша відстань між кулькою і тінню.

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