Bagaimana saya bisa memberikan ilusi ketinggian ke bola dalam 2D?

40

Dalam permainan 2D top down, kadang-kadang bola diberi ilusi berada di udara, seperti di bawah ini:

Bagaimana saya bisa mencapai ini?

java libgdx physics

— Donald
sumber

di sini jawaban Anda japantoday.com/category/lifestyle/view/… : shadow.

— v.oddou

1

Mengutip sumber gambar: Saya awalnya memotong GIF dari video gameplay Tiki Taka Soccer ini untuk pertanyaan ini .

— Anko

Sangat terkait: Dalam permainan top-down 2D, bagaimana saya bisa membuat proyektil yang memiliki ketinggian?

— Anko

1

Bergantung pada ukuran tampilan permainan Anda, Anda juga bisa menggunakan perspektif dengan membuat bola lebih besar

— Wilf

Seberapa jauh bola itu dari bayangannya sendiri !,

— Bradman175

79

Beri bola nilai tinggi. Gambar bayangan pada posisi 2D bola yang sebenarnya; bayangan akan membantu mengorientasikan bola untuk pemain secara spasial.

Saat Anda menggambar bola itu sendiri , imbangi posisi Y dengan "tinggi" bola. Jika Anda ingin menerapkan lebih dari sekadar ilusi, gunakan nilai ketinggian ini dalam perhitungan juga - misalnya, Anda dapat menerapkan kemampuan bola untuk melewati kepala pemain dalam permainan seperti yang Anda tunjukkan dengan memeriksa apakah tingginya adalah geater dari tinggi pemain.

— Josh
sumber

40

Juga, skala bola saat naik pada sumbu Y untuk efek tambahan (sambil mengecilkan bayangan jika Anda mau)

— jgallant

Ide @Jon benar-benar pintar. Bergantung pada jenis permainan apa, dan tingkat 'tindakan' yang ingin Anda masukkan, itu ide yang sangat bagus (juga mudah diimplementasikan)

— tfrascaroli

1

Anda juga dapat mengatur skala bola (atau dalam hal sprite, mengubah sprite menjadi gambar yang lebih besar / lebih kecil) sehingga meniru yang lebih dekat ke kamera. Ini mungkin melebih-lebihkan tinggi, atau mungkin halus, tergantung pada seberapa banyak perbedaan ukuran yang digunakan.

— Draco18s

1

@ Jon menyusut bayangan tidak akan realistis. Membuatnya lebih menyebar akan, jika itu dalam level teknologi permainan.

— hobbs

1

@ Kramii itulah yang secara efektif Anda dapatkan ketika "mengimbangi posisi Y dengan" ketinggian "bola" seperti dijelaskan dalam jawaban.

— osvein

78

Bayangan dan tekstur .

Tekstur bola untuk menunjukkannya berputar. Ini membantu memberikan ilusi rotasi bola, yang lebih dari 2 dimensi.

Bayangan bisa menipu otak Anda untuk memercayai segala macam hal. Membuat hal-hal datar terlihat seperti mereka memiliki dimensi ketiga.

Anda bahkan tidak perlu mengubah ketinggian bola, Anda hanya perlu mengubah lokasi bayangan.

Video ini adalah contoh luar biasa dari apa yang dapat dilakukan bayangan. Anda akan melihat bahwa bola bergerak persis sama di setiap urutan, hanya bayangan yang berubah: https://www.youtube.com/watch?v=5fgOK0odA1o

— MichaelHouse
sumber

6

Saya minta maaf untuk gif mengerikan ... Saya berharap kita bisa menanamkan video.

— MichaelHouse

18

gif-gif itu sempurna dan bisa disatukan. Dalam kasus video saya harus memainkannya secara manual

— lukas.pukenis

Juga video akan ditautkan secara eksternal. AFAIK bahkan StackOverflow tidak mengunduh video youtube dan menyimpannya ... tetapi GIF yang dapat mereka simpan.

— Nelson

beberapa situs jaringan dapat menyematkan youtube

— joojaa

Saran yang bagus, tetapi mengimbangi bayangan itu tampak aneh. Bayangan adalah proyeksi bola ke bidang tanah. Ia bergerak dalam garis lurus (bukan parabola, seperti bola 3d) dan ketika bola berada di tanah, posisi bola dan bayangan harus cocok. Jika kita mengimbangi bayangan alih-alih bola, itu mungkin sangat membingungkan. Kita harus membuat bayangan memiliki lintasan parabola untuk memindahkannya ke bola, atau membuatnya tiba-tiba menghilang ketika bola mendarat. Kedua opsi tersebut akan terlihat sangat aneh.

— interphx

1

Shadow and Ball adalah aspek kunci. Ukuran dan jarak bayangan antara Bola dan bayangan harus meningkat ketika tinggi meningkat. Juga, ukuran bola harus meningkat ketika tinggi bola meningkat. Posisi bayangan mewakili posisi bola dalam 2d dan ketika tinggi Bola bertambah, Anda harus mengubah posisi Bola (saya mengasumsikan bahwa sumber cahaya homogen dan bukan titik tunggal seperti lampu. Sumber cahaya mengubah segalanya tentang bayangan). Akhirnya Anda dapat menambahkan beberapa animasi seperti aliran udara.

— acs
sumber

3

Ukuran bola harus meningkat ... hanya jika mereka memiliki proyeksi perspektif. Jika isometrik, seperti gambar, ukuran bola harus tetap sama.

— Arturo Torres Sánchez

0

Saya akan melakukan apa yang disarankan poster di atas, Bayangan dan ukuran meningkat ketika bola lebih tinggi. Satu hal yang saya ingat dari bermain tenis di permainan TV lama adalah bahwa bola juga melambat semakin tinggi dan semakin besar. Ketika mencapai puncaknya dan mulai "turun" itu akan mulai lebih cepat lagi karena menjadi lebih kecil.

— Reinier Botha
sumber

-1

Anda menggambar bayangan di bawah bola, seperti yang dilakukan di gif. Semakin tinggi bola, semakin jauh jarak antara bola dan bayangan.

— Peter
sumber