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ąć?


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.


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


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.


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.


-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.

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.