Animare una ruota panoramica.

[Squall_Leonheart]

Buongiorno ragazzi.
Oggi sto affrontando il problema dell'animazione di una ruota panoramica.
Avevo provato dividendo i punti fermi e quindi perno dalla parte della ruota, per poi ruotare con il comando di photoshop il resto, fino ad ottenere un numero d'immagini che mi consentisse l'animazione a 360°.
Purtroppo quest'opzione fa diventare ovale dopo un certo numero di frame la ruota, che intendo muoverla lentamente e che quindi non può diventare come un uovo.
Che soluzione mi consigliate?

http://www.ottoinforma.it/wp-content/uploads/ruota-panoramica2.jpg

La ruota è pressochè identica a quella nell'immagine.

Edited September 16, 2016 by Squall_Leonheart

[Ste]

Se l'immagine è perfettamente rotonda è strano che diventi a forma ovale.

Non puoi postare direttamente la tua ruota panoramica per capire?

[Zuppo]

Se un cerchio ruotato diventa ovale, implica che non era un cerchio. XD

Ci sono mille ragioni per cui non ti funziona e tutte strettamente legate a come hai lavorato ed all'immagine.

 

Hai messo il perno di rotazione al centro? Lo hai messo a mano o lo hai lasciato fare a photoshop?

Hai per caso alterato l'immagine in modo che essa non sia un quadrato con un cerchio dentro? Se l'immagine è rettangolare, il centro dell'immagine non ruota speculare.

L'immagine è sbagliata sin dal principio?

E' leggermente in prospettiva?

 

Etc etc.

[Testament]

E il comando ruota immagine in rpgmaker sgrana troppo?

[Guardian of Irael]

In effetti... più che altro la ruota dove deve essere animata? XD Cioè su rpg maker? Altro tool? Così per fare un'animazione? ^ ^

[Squall_Leonheart]

E il comando ruota immagine in rpgmaker sgrana troppo?

Ci sarà un motivo se ho postato in grafica XD

 

No, mi serve animarla per AGS.

 

Comunque ecco la ruota :

 

http://i.imgur.com/rxydih7.jpg

[Guardian of Irael]

Ed infatti quella non è ovale se la ruoti, quella è ovale e basta! XD Cioè sono 131 di diametro orizzontale, ma solo 118 di verticale, una bella differenza.

^ ^

[Testament]

Anche a occhio, disse il cieco. XD

[Squall_Leonheart]

Deduco che il problema sia quello xD

Quindi mi suggerite di renderla perfettamente circolare e di riprovare con photoshop?

[Ste]

Deduco che il problema sia quello xD

 

Quindi mi suggerite di renderla perfettamente circolare e di riprovare con photoshop?

Certo, se è perfettamente circolare ruota bene

[Zuppo]

Una volta che hai l'immagine che è realmente un cerchio, prova a vedere come rende se la ruoti su rpgmaker. Se ti soddisfa, risparmi molto tempo e molti mega di immagini.

[Testament]

Su AGS non c'è un comando per ruotare una picture?

[Guardian of Irael]

Ti consiglio di deformare tutto lo spazio tempo per rendere il movimento perfetto anche con un ovale

 

Comunque non so se la versione è giusta, ma qui sembra esser possibile ruotare l'immagine...

http://www.adventuregamestudio.co.uk/wiki/DynamicSprite_functions_and_properties

o meglio lo sprite dinamico che credo sia necessario per una ruota panoramica.

Comunque sia correggi la forma che ovale ha poco senso anche se si riesce a creare il giusto movimento.

^ ^

[Squall_Leonheart]

Ti consiglio di deformare tutto lo spazio tempo per rendere il movimento perfetto anche con un ovale

 

Comunque non so se la versione è giusta, ma qui sembra esser possibile ruotare l'immagine...

http://www.adventuregamestudio.co.uk/wiki/DynamicSprite_functions_and_properties

o meglio lo sprite dinamico che credo sia necessario per una ruota panoramica.

Comunque sia correggi la forma che ovale ha poco senso anche se si riesce a creare il giusto movimento.

^ ^

 

Su AGS non c'è un comando per ruotare una picture?

Certo, si utilizza il procedimento linkato da Guardian.

 

Però purtroppo non posso utilizzarlo per una questione di fluidità e, soprattutto, di resa della profondità.

[Guardian of Irael]

Cioè non puoi mettere dietro alla ruota degli sfondi? Ed usando quel comando scatta troppo? ^ ^

[Squall_Leonheart]

Cioè non puoi mettere dietro alla ruota degli sfondi? Ed usando quel comando scatta troppo? ^ ^

Esattamente. Per questo motivo la integrerò nell'animazione dello sfondo.

[Guardian of Irael]

mmmh ora non so bene i dettagli tecnici, ma forse non conviene. Cioè animare un intero sfondo è qualcosa di pesante. Lì si tratta di animare solo uno sprite... in pratica non può avere trasparenza l'animazione per mostrarla davanti allo sfondo? D:

Considera anche di fare uno sfondo bucato e creare un piccolo quadrato di animazione della ruota da metter sopra a coprire lo spazio con tutta la grafica dello sfondo riprodotta dentro l'animazione così da non animare l'intero sfondo, ma solo quella parte.

^ ^

[Zuppo]

Diciamo che sarebbe bello capire che devi fare. XD

[Dax]

in primis devi capire il concetto della ruota panoramica. il centro è fisso, la ruota gira ma le cabine seguono più un ovale. l'unica è togliere le cabine e creare un'animazione credibile della sola ruota con raggi. quando hai questa animazione aggiungi ai singoli frame le cabine.

puoi aiutarti molto con le simmetrie e con un po' di intelligenza potresti limitarti a 4-5 frame totali che si ripetono.

[Zuppo]

Spiegazione di cosa intende Dax: Visto che è una ruota speculare, non hai bisogno di fargli fare tutto il giro.

Queste sono delle gif di esempio che ho arrangiato al volo.

Qui fa il "giro". In realtà sono solo 3 immagini. L'obbiettivo dell'animazione è fare si che un raggio si muova di quel che basta per arrivare alla posizione che occupava il suo raggio di fianco. Quindi l'animazione si muove di un solo spicchio. Ma dato che non ci sono punti di riferimento particolari, il cervello da per scontato che il movimento continua, invece di ricominciare daccapo. Tanto ormai i raggi erano sovrapposti, non potevamo percepirlo che tornava indietro.

 

 

Qui ti ho marcato con un puntino verde, l'effettivo movimento del raggio. Sono tre immagini soltanto.

 

 

E se non ci credi puoi montarti la gif a casa tua. Questi sono i frames. Sperimentatici.

 

:3

[Martin Ginrai]

In realtà non è così scontato come affermi Flame, perchè tu stai dando per scontato che "il cervello colmi il gap"

 

Il problema è che non è detto che il cervello colmi il gap usando soli tre frame, dipende infatti con quale emisfero stai processando principalmente l'informazione visiva.

 

Ci sarà chi percepisce un movimento fluido senza vedere frame "retrocedere"

e ci sarà chi percepirà un movimento della ruota innaturale, scattoso o perfino incompleto.

 

Non perchè sia sbagliato il tuo consiglio, ma perchè il movimento E' oggettivamente incompleto.

Il problema è che ognuno vede l'immagine col proprio cervello, non è detto che però l'immagine funzioni per tutti, per chi usa maggiormante l'emisfero opposto al tuo infatti vedrà le cose diversamente.

 

Il tutto sta nella "funzionalità" del movimento.

Se processi l'immagine con l'emisfero sinistro, vedrai più facilmente un movimento fluido perchè il tuo cervello colma il gap in quanto sta cercando di trasmettere qualcosa di sistematico e funzionale.

Se processi l'immagine con l'emisfero destro, vedrai al contrario un movimento "sbagliato" perchè il tuo cervello starà cercando di riconoscere i movimenti solo in quanto tali, senza cercare di "correggerli" giudicandoli, e non c'è un effettivo "movimento" ma solo un'illusione la quale faticherà a convincerlo completamente.

 

Tutto ciò perchè l'immagine che deve decodificare è ambigua, non ha effettivi punti distintivi che permettano di collocarla in un contesto.

 

Nella seconda Gif, dove segni con un punto verde i vari spostamenti da frame a frame, infatti, la mente non elabora l'immagine come ha fatto in precedenza ed utilizza una funzione dell'ippocampo conosciuta come "attenzione selettiva"

 

Detto in "soldoni" l'attenzione viene posta sul punto verde, ed è più semplice percepirne la "retrocessione" al posto della ruota,

quest'ultima infatti viene processata mentalmente in base al movimento del punto, e non più del movimento, per questo sembra più fluida, è in pratica un'illusione ottica all'interno di un'altra illusione ottica.

 

Detto ciò, è chiaro che questi esempi sono bozze prive di dettaglio, qualora ci fossero delle cabine, ad esempio, che ondeggiano mentre salgono e scendono lungo il perimetro del cerchio, si creerebbe un "disturbo" che impedirebbe alla mente di focalizzarsi contemporaneamente su tutti gli aspetti dell'immagine.

 

Immaginiamo ad esempio di aggiungere delle nuvole che si muovono nel cielo, o degli alberi che si piegano al vento, o delle persone che fanno la fila, ecco... tutti questi elementi di dettaglio tendono ad "aiutare" (non completamente, è sempre relativo alla capacità percettiva di ognuno) il cervello a colmare i gap relativi ai movimenti simulati attraverso l'animazione.

 

C'è da dire che comunque, non è che usiamo un solo emisfero, la nostra mente usa entrambi gli emisferi cerebrali in contemporanea per processare le informazioni che riceve, ma a seconda della nostra esperienza si è sviluppato un "indirizzo" che determina una percentuale maggiore di influenza in uno dei due.

 

Tuttavia... dipende dal contesto. L'immagine può riattivare vecchi ricordi e spingerci a usare maggiormente l'emisfero che di norma usiamo in percentuale minore, questo non si può prevedere, quindi... non sfasciatevici la testa, il consiglio è sperimentare e chiedere anche ad altre persone cosa pensano del movimento.

L'alternativa è utilizzare più frames... questo avvicina di più l'immagine a un movimento reale, e di conseguenza la mente è più propensa a venirci incontro; niente è scontato a questo mondo. ; )

Edited September 16, 2016 by Martin Ginrai

[Ste]

Ma anche se mandi avanti un singolo raggio e gli fai fare tutto il giro alla fine si ottiene lo stesso risultato della gif di flame, perché tanto il raggio 2 sostituisce il raggio 3 e il raggio 2 viene sostituito dal raggio 1, e dato che i raggi sono tutti uguali percepisci il movimento come un giro, senza vedere quale emisfero sta lavorando di più ° °

Al massimo si può inserire qualche frame in più, per rendere il movimento migliore e ancora più credibile

[Zuppo]

Vabbè, detta diversamente, fai come fanno i jappi che lo fanno da 30 anni e la gente vede le ruote girare. Stai semplicemente accorto che l'immagine d'inizio e l'immagine finale, siano indistinguibili, così da non lasciare indizi.

[Squall_Leonheart]

Spiegazione di cosa intende Dax: Visto che è una ruota speculare, non hai bisogno di fargli fare tutto il giro.

 

Queste sono delle gif di esempio che ho arrangiato al volo.

Qui fa il "giro". In realtà sono solo 3 immagini. L'obbiettivo dell'animazione è fare si che un raggio si muova di quel che basta per arrivare alla posizione che occupava il suo raggio di fianco. Quindi l'animazione si muove di un solo spicchio. Ma dato che non ci sono punti di riferimento particolari, il cervello da per scontato che il movimento continua, invece di ricominciare daccapo. Tanto ormai i raggi erano sovrapposti, non potevamo percepirlo che tornava indietro.

 

http://www.rpg2s.net/forum/public/style_images/rpg2s/attachicon.gifloop.gif

 

Qui ti ho marcato con un puntino verde, l'effettivo movimento del raggio. Sono tre immagini soltanto.

http://www.rpg2s.net/forum/public/style_images/rpg2s/attachicon.gifloop2.gif

 

 

E se non ci credi puoi montarti la gif a casa tua. Questi sono i frames. Sperimentatici.

http://www.rpg2s.net/forum/public/style_images/rpg2s/attachicon.gif1.pnghttp://www.rpg2s.net/forum/public/style_images/rpg2s/attachicon.gif2.pnghttp://www.rpg2s.net/forum/public/style_images/rpg2s/attachicon.gif3.png

 

:3

La ruota che animerò è questa http://i.imgur.com/NRMo1rl.png

 

Il tuo trucco potrebbe funzionare visto che è anche parzialmente nascosta. Ma siccome ci sono diverse animazioni indipendenti mi è più comodo aggiungerla nei frame del background. Vi ringrazio per i consigli!

[Zuppo]

Prima però dovrai farla tonda. Al momento quella è ovale. o.o'

Edit:

Fo na prova al volo.