Как я могу дать иллюзию высоты мячу в 2D?

40

В 2D играх сверху вниз по футболу иногда мячу дают иллюзию пребывания в воздухе, как показано ниже:

пример

Как мне этого добиться?

Дональд
источник
вот ваш ответ japantoday.com/category/lifestyle/view/…adow : тень.
v.oddou
1
Ссылаясь на источник изображения: я изначально вырезал этот GIF из этого игрового видео Tiki Taka Soccer для этого вопроса .
Анко
1
В зависимости от размера изображения в вашей игре вы также можете использовать перспективу, увеличивая мяч
Уилф
Как далеко мяч находится от собственной тени !,
Bradman175

Ответы:

79

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

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

Джош
источник
40
Кроме того, масштабируйте шар по мере его подъема по оси Y для дополнительного эффекта (при уменьшении тени, если хотите)
jgallant
Идея @Jon действительно умная. В зависимости от типа игры и уровня «действия», который вы хотите в нее добавить, это действительно хорошая идея (также легко реализуемая)
tfrascaroli
1
Вы также можете масштабировать шар (или, в случае спрайтов, изменить спрайт на постепенно увеличивающиеся / уменьшающиеся изображения), чтобы он имитировал приближение к камере. Это может преувеличивать высоту или может быть незначительным, в зависимости от того, какая разница в размерах используется.
Draco18s
1
@ Джон, уменьшая тень, было бы нереально. Делать его более размытым можно, если он находится в техническом уровне игры.
Хоббс
1
@Kramii - это то, что вы получаете, когда «смещаете позицию Y на« высоту »мяча», как описано в ответе.
osvein
78

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

Текстурируйте шар, чтобы показать его вращение. Это помогает создать иллюзию вращения сферы, которая имеет более двух измерений.

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

Тень может заставить ваш мозг поверить во все виды вещей. Делать плоские вещи похожими на третье измерение.

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

Вам даже не нужно менять высоту мяча, вам просто нужно изменить местоположение тени.

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

Это видео является отличным примером того, что может сделать тень. Вы заметите, что в каждой последовательности шар движется одинаково, меняется только тень: https://www.youtube.com/watch?v=5fgOK0odA1o

MichaelHouse
источник
6
Я извиняюсь за ужасные гифки ... Я хотел бы, чтобы мы могли вставлять видео.
MichaelHouse
18
эти картинки идеальны, и они встраиваемые. В случае с видео мне нужно было бы вручную воспроизвести каждый из них
lukas.pukenis
Также видео будут внешне связаны. AFAIK даже StackOverflow не загружает видео YouTube и не сохраняет их ... но GIF-файлы они могут хранить.
Нельсон
некоторые сайты сети могут вставлять YouTube
Joojaa
Хорошие предложения, но смещение тени кажется странным. Тень - это проекция мяча на плоскость земли. Он движется по прямой (не параболе, как 3-й шар), и когда мяч находится на земле, положение шара и тени должны совпадать. Если мы сместим тень вместо шара, это может быть очень запутанным. Нам нужно будет либо сделать так, чтобы тень имела параболическую траекторию, чтобы переместить ее к мячу, либо заставить ее внезапно исчезнуть, когда мяч приземлится. Оба варианта будут выглядеть очень странно.
Interphx
1

Тень и Шар являются ключевыми аспектами. Размер тени и расстояние между мячом и тенью должны увеличиваться при увеличении высоты. Кроме того, размер шара должен увеличиваться при увеличении высоты шара. Положение тени представляет собой положение шара в 2d, и когда высота шара увеличивается, вы должны изменить положение шара (я предполагаю, что источник света является однородным, и он не является одной точкой, как лампа. Источник света меняет все в тени). Наконец, вы можете добавить анимацию, например, воздушный поток.

картографическая служба ввс
источник
3
Размер шариков должен увеличиваться ... только если они имеют перспективную проекцию. Если это изометрия, как и на изображении, размер шара должен оставаться неизменным.
Артуро Торрес Санчес
0

Я сделал бы то, что предложили вышеупомянутые плакаты, тень и размер увеличиваются, когда мяч выше. Одна вещь, которую я помню, играя в теннис в старых телевизионных играх, это то, что мяч также замедлялся с ростом и ростом. Когда он достигнет своего зенита и начнет «спускаться», он снова начнет двигаться быстрее, когда станет меньше.

Рейнир Бота
источник
-1

Вы рисуете тень под мячом, как это сделано в GIF. Чем выше мяч, тем больше расстояние между мячом и тенью.

Питер
источник