Como posso dar a ilusão de altura a uma bola em 2D?

40

Nos jogos de futebol 2D de cima para baixo, às vezes uma bola recebe a ilusão de estar no ar, como abaixo:

Como posso conseguir isso?

java libgdx physics

— Donald
fonte

aqui sua resposta japantoday.com/category/lifestyle/view/… : shadow.

— precisa saber é o seguinte

11

Citando a fonte da imagem: originalmente eu cortei esse GIF deste vídeo de jogo do Tiki Taka Soccer para esta pergunta .

— Anko

Fortemente relacionado: em um jogo 2D de cima para baixo, como posso criar projéteis com altura?

— Anko 9/16

11

Dependendo do tamanho da vista do seu jogo você também pode usar perspectiva, fazendo a bola maior

— Wilf

Quão longe a bola é de sua própria sombra !,

— Bradman175

79

Dê à bola um valor de altura. Desenhe uma sombra na posição 2D real da bola; a sombra ajudará a orientar espacialmente a bola para o jogador.

Quando você desenha a bola em si , compensar a posição Y pela "altura" da bola. Se você deseja implementar mais do que apenas uma ilusão, use esse valor de altura também em cálculos - por exemplo, você pode implementar a capacidade da bola passar por cima da cabeça de um jogador em um jogo como você mostrou, verificando se a altura é mais alto que a altura de um jogador.

— Josh
fonte

40

Além disso, dimensionar a bola como ele sobe no eixo Y para o efeito adicionado (enquanto encolhendo a sombra se desejar)

— jgallant

A ideia de @Jon é realmente inteligente. Dependendo do que tipo de jogo, e o nível de 'ação' você quer colocar nele é realmente uma boa idéia (também fácil de implementar)

— tfrascaroli

11

Você também pode escalar a bola (ou, no caso de sprites, alterar o sprite para imagens progressivamente maiores / menores), para que imite estar mais próximo da câmera. Isso pode exagerar a altura ou pode ser sutil, dependendo da quantidade de diferença de tamanho usada.

— Draco18s

11

@ Jon encolher a sombra não seria realista. Torná-lo mais difuso , se estiver dentro do nível de tecnologia do jogo.

— hobbs

11

@ Kramii é efetivamente o que você obtém quando "desloca a posição Y pela" altura "da bola", conforme descrito na resposta.

— osvein

78

Sombra e textura .

Texturize a bola para mostrá-la girando. Isso ajuda a dar a ilusão de rotação de uma esfera, que tem mais de 2 dimensões.

Uma sombra pode induzir seu cérebro a acreditar em todo tipo de coisa. Fazer coisas planas parecerem ter uma terceira dimensão.

Você nem precisa alterar a altura da bola, basta alterar a localização da sombra.

Este vídeo é um excelente exemplo do que a sombra pode fazer. Você notará que a bola se move exatamente da mesma maneira em cada sequência, apenas a sombra muda: https://www.youtube.com/watch?v=5fgOK0odA1o

— MichaelHouse
fonte

6

Sinto muito pelos gifs horríveis ... Gostaria que pudéssemos incorporar vídeo.

— MichaelHouse

18

esses gifs são perfeitos e são incorporáveis. No caso de vídeo eu precisaria jogar manualmente cada um deles

— lukas.pukenis

Além disso, os vídeos serão vinculados externamente. O AFAIK, mesmo o StackOverflow, não baixa os vídeos do youtube e os armazena ... mas os GIFs podem armazenar.

— Nelson

alguns sites de rede pode incorporar youtube

— joojaa

Boas sugestões, mas compensar a sombra parece estranho. A sombra é uma projeção de uma bola no plano do solo. Viaja em linha reta (não como uma parábola, como a bola 3d) e, quando a bola está no chão, as posições da bola e da sombra devem coincidir. Se compensarmos a sombra em vez da bola, pode ser muito confuso. Teremos que fazer com que a sombra tenha uma trajetória parabólica para movê-la para a bola ou desaparecer repentinamente quando a bola cair. Ambas as opções parecerão muito estranhas.

— Interphx

1

Shadow e Ball são aspectos-chave. O tamanho da sombra e a distância entre a bola e a sombra devem aumentar quando a altura aumenta. Além disso, o tamanho da bola deve aumentar quando a altura da bola aumenta. A posição da sombra representa a posição da bola em 2d e quando a altura da bola aumenta, você precisa alterar a posição da bola (suponho que a fonte de luz seja homogênea e não seja um ponto único como uma lâmpada. A fonte de luz muda tudo sobre a sombra). Finalmente, você pode adicionar algumas animações, como fluxo de ar.

— acs
fonte

3

O tamanho da bola deve aumentar ... somente se eles tiverem uma projeção em perspectiva. Se for isométrico, como na imagem, o tamanho da bola deve permanecer o mesmo.

— Arturo Torres Sánchez

0

Eu faria o que os pôsteres acima sugeriam: Sombra e tamanho aumentam quando a bola está mais alta. Uma coisa que me lembro de jogar tênis em jogos antigos de TV é que a bola também diminuía quanto mais alta e maior. Quando alcançava o auge e começava a "descer", começava a acelerar mais rapidamente à medida que ficava menor.

— Reinier Botha
fonte

-1

Você desenha uma sombra abaixo da bola, como é feita no gif. Quanto maior a bola, maior a distância entre a bola e a sombra.

— Pedro
fonte