Jak mogę dać złudzenie wysokości kuli w 2D?

40

W grach 2D z góry na dół piłka czasami ma wrażenie, że jest w powietrzu, jak poniżej:

przykład

Jak mogę to osiągnąć?

Donald
źródło
tutaj twoja odpowiedź japantoday.com/category/lifestyle/view/… : shadow.
v.oddou
1
Powołując się na źródło obrazu: Pierwotnie wyciąłem ten GIF z filmu z gry Tiki Taka Soccer na to pytanie .
Anko,
1
W zależności od wielkości widoku twojej gry możesz także użyć perspektywy, zwiększając piłkę
Wilf
Jak daleko jest piłka od własnego cienia !,
Bradman175,

Odpowiedzi:

79

Podaj kulce wartość wysokości. Narysuj cień w rzeczywistej pozycji kuli 2D; cień pomoże przestrzennie zorientować piłkę dla gracza.

Podczas rysowania samej piłki , przesunąć pozycję Y o „wysokość” piłki. Jeśli chcesz zaimplementować coś więcej niż iluzję, użyj tej wartości wysokości również w obliczeniach - na przykład możesz zaimplementować zdolność piłki do przechodzenia nad głową gracza w grze takiej jak pokazałeś, sprawdzając, czy wysokość jest większy niż wysokość gracza.

Josh
źródło
40
Również skaluj piłkę, gdy idzie w górę na osi Y, aby uzyskać dodatkowy efekt (zmniejszając cień, jeśli chcesz)
jgallant
Pomysł @Jona jest naprawdę sprytny. W zależności od rodzaju gry i poziomu „akcji”, którą chcesz w nią umieścić, to naprawdę dobry pomysł (również łatwy do wdrożenia)
tfrascaroli
1
Możesz także przeskalować piłkę (lub w przypadku duszków, zmienić duszka na stopniowo większe / mniejsze obrazy), aby naśladować bycie bliżej aparatu. Może to wyolbrzymiać wysokość lub może być subtelne, w zależności od zastosowanej różnicy wielkości.
Draco18s,
1
@Jon zmniejszanie cienia nie byłoby realistyczne. Sprawienie, by było bardziej rozproszone , gdyby mieściło się w technicznym poziomie gry.
hobbs
1
@ Kramii to właśnie dostajesz, gdy „wyrównujesz pozycję Y o„ wysokość ”piłki”, jak opisano w odpowiedzi.
osvein
78

Cień i tekstura .

Teksturuj piłkę, aby pokazać, że się obraca. Pomaga to uzyskać iluzję obrotu kuli, która ma więcej niż 2 wymiary.

wprowadź opis zdjęcia tutaj

Cień może oszukać mózg w wierzeniu w różne rzeczy. Sprawiając, że płaskie rzeczy wyglądają, jakby miały trzeci wymiar.

wprowadź opis zdjęcia tutaj

Nie musisz nawet zmieniać wysokości piłki, wystarczy zmienić położenie cienia.

wprowadź opis zdjęcia tutaj

Ten film jest doskonałym przykładem tego, co może zrobić cień. Zauważysz, że piłka porusza się dokładnie tak samo w każdej sekwencji, zmienia się tylko cień: https://www.youtube.com/watch?v=5fgOK0odA1o

MichaelHouse
źródło
6
Przepraszam za okropne gify ... Szkoda, że ​​nie możemy osadzić wideo.
MichaelHouse
18
te gify są idealne i można je osadzić. W przypadku filmu musiałbym ręcznie zagrać w każdy z nich
lukas.pukenis,
Również filmy wideo będą połączone zewnętrznie. AFAIK nawet StackOverflow nie pobiera filmów z YouTube i nie przechowuje ich ... ale GIF-y, które mogą przechowywać.
Nelson
niektóre strony sieciowe mogą osadzać youtube
joojaa
Ładne sugestie, ale kompensowanie cienia wydaje się dziwne. Cień jest rzutem piłki na płaszczyznę podłoża. Porusza się w linii prostej (nie paraboli, jak piłka 3d), a gdy piłka leży na ziemi, pozycje piłki i cienia muszą się zgadzać. Jeśli przesuniemy cień zamiast piłki, może to być bardzo mylące. Będziemy musieli albo sprawić, by cień miał paraboliczną trajektorię, aby przenieść go na piłkę, albo sprawić, że nagle zniknie, gdy piłka wyląduje. Obie opcje będą wyglądały bardzo dziwnie.
interphx
1

Shadow and Ball to kluczowe aspekty. Rozmiar cienia i odległość między Kulą a cieniem powinny wzrosnąć wraz ze wzrostem wysokości. Rozmiar piłki powinien się również zwiększać wraz ze wzrostem wysokości piłki. Pozycja cienia reprezentuje pozycję kuli na 2d, a kiedy wzrost wysokości kuli musisz zmienić pozycję kuli (zakładam, że źródło światła jest jednorodne i nie jest pojedynczym punktem jak lampa. Źródło światła zmienia wszystko w cieniu). Wreszcie możesz dodać animację, taką jak przepływ powietrza.

acs
źródło
3
Rozmiar piłki powinien wzrosnąć ... tylko jeśli mają rzut perspektywiczny. Jeśli jest izometryczny, jak na zdjęciu, rozmiar kulki powinien pozostać taki sam.
Arturo Torres Sánchez
0

Zrobiłbym to, co sugerują powyższe plakaty, cień i rozmiar zwiększają się, gdy piłka jest wyższa. Pamiętam z gry w tenisa w starych grach telewizyjnych to, że piłka zwolniła wraz ze wzrostem i stała się większa. Kiedy osiągnie swój zenit i zacznie „schodzić”, zacznie znowu szybciej, gdy się zmniejszy.

Reinier Botha
źródło
-1

Rysujesz cień pod piłką, tak jak w gifie. Im wyższa piłka, tym większa odległość między piłką a cieniem.

Piotr
źródło