Come posso dare l'illusione dell'altezza a una palla in 2D?


40

Nei giochi di calcio top down 2D, a volte viene data l'illusione di essere in aria, come di seguito:

esempio

Come posso raggiungere questo obiettivo?


qui la tua risposta japantoday.com/category/lifestyle/view/… : shadow.
v.oddou,

1
Citando la fonte dell'immagine: originariamente ho tagliato quella GIF da questo video di gioco di Tiki Taka Soccer per questa domanda .
Anko,


1
A seconda delle dimensioni della vista del tuo gioco, puoi anche usare la prospettiva ingrandendo la palla
Wilf

Quanto è lontana la palla dalla sua stessa ombra !,
Bradman175,

Risposte:


79

Dai alla palla un valore di altezza. Disegna un'ombra nella posizione 2D reale della palla; l'ombra aiuterà ad orientare spazialmente la palla per il giocatore.

Quando si disegna la palla stessa , compensare la posizione Y dell '"altezza" della palla. Se vuoi implementare più di una semplice illusione, usa questo valore di altezza anche nei calcoli - ad esempio, puoi implementare la capacità della palla di andare oltre la testa di un giocatore in un gioco come hai mostrato controllando se l'altezza è più magro rispetto all'altezza di un giocatore.


40
Inoltre, ridimensiona la palla mentre sale sull'asse Y per un effetto aggiuntivo (mentre riduci l'ombra se lo desideri)
jgallant

L'idea di @Jon è davvero intelligente. A seconda del tipo di gioco e del livello di "azione" che vuoi inserire, è davvero una buona idea (anche facile da implementare)
tfrascaroli

1
Puoi anche ridimensionare la palla (o, nel caso degli sprite, cambiare lo sprite in immagini progressivamente più grandi / più piccole) in modo che imiti essere più vicino alla telecamera. Questo può esagerare l'altezza o può essere sottile, a seconda della differenza di dimensioni utilizzata.
Draco18s

1
@Jon ridurre l'ombra non sarebbe realistico. Renderlo più diffuso sarebbe, se rientra nel livello tecnologico del gioco.
Hobbs,

1
@Kramii è effettivamente quello che ottieni quando "compensi la posizione Y dell '" altezza "della palla" come descritto nella risposta.
Osvein,

78

Ombra e trama .

Strutturare la palla per mostrarla in rotazione. Questo aiuta a dare l'illusione della rotazione di una sfera, che è più di 2 dimensioni.

enter image description here

Un'ombra può ingannare il tuo cervello nel credere a ogni sorta di cose. Far sembrare le cose piatte come se avessero una terza dimensione.

enter image description here

Non devi nemmeno cambiare l'altezza della palla, devi solo cambiare la posizione dell'ombra.

enter image description here

Questo video è un eccellente esempio di cosa può fare Shadow. Noterai che la palla si muove esattamente allo stesso modo in ogni sequenza, cambia solo l'ombra: https://www.youtube.com/watch?v=5fgOK0odA1o


6
Mi dispiace per le terribili gif ... Vorrei che potessimo incorporare il video.
MichaelHouse

18
quelle gif sono perfette e sono integrabili. Nel caso del video avrei bisogno di riprodurli manualmente
lukas.pukenis,

Anche i video saranno collegati esternamente. AFAIK anche StackOverflow non scarica i video di YouTube e li archivia ... ma le GIF che possono memorizzare.
Nelson,

alcuni siti di rete possono incorporare youtube
joojaa,

Bei suggerimenti, ma compensare l'ombra sembra strano. L'ombra è una proiezione di una palla sul piano terra. Viaggia in linea retta (non una parabola, come la palla 3d) e quando la palla è a terra, le posizioni della palla e l'ombra devono corrispondere. Se compensiamo l'ombra invece della palla, potrebbe essere molto confuso. Dovremo o fare in modo che l'ombra abbia una traiettoria parabolica per spostarla sulla palla o farla scomparire improvvisamente quando la palla atterra. Entrambe le opzioni appariranno molto strane.
interphx,

1

Shadow e Ball sono aspetti chiave. Le dimensioni dell'ombra e la distanza tra Sfera e ombra dovrebbero aumentare quando aumenta l'altezza. Inoltre, la dimensione della palla dovrebbe aumentare quando aumenta l'altezza della palla. La posizione dell'ombra rappresenta la posizione della palla in 2d e quando l'altezza della sfera aumenta devi cambiare la posizione della palla (suppongo che la sorgente luminosa sia omogenea e non sia un singolo punto come una lampada. La sorgente luminosa cambia tutto sull'ombra). Finalmente puoi aggiungere alcune animazioni come il flusso d'aria.


3
Le dimensioni della palla dovrebbero aumentare ... solo se hanno una proiezione prospettica. Se è isometrico, come l'immagine, la dimensione della palla dovrebbe rimanere la stessa.
Arturo Torres Sánchez,

0

Vorrei fare ciò che i poster sopra suggeriti, ombra e dimensioni aumentano quando la palla è più alta. Una cosa che ricordo di aver giocato a tennis su vecchi giochi TV è che la palla ha anche rallentato più è alta e più è diventata grande. Quando ha raggiunto il suo apice e ha iniziato a "scendere", ricominciava ad andare più veloce man mano che diventava più piccolo.


-1

Disegna un'ombra sotto la palla, come è fatto nella gif. Maggiore è la palla, maggiore è la distanza tra la palla e l'ombra.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.