3, 2, 1: azione! Le animazioni in Silverlight

Key Frame

Doubleanimation, Coloranimation e Point non sono le uniche animazioni disponibili, in silverlight, la parte da leone, vista la grande flessibilità e potenza, la fanno le animazioni mediante Key Frame.

Una singola animazione keyframe, a differenza di quanto visto in precedenza, può gestire la transazione tra più di due valori, indicando il momento esatto (Key Frame) in cui raggiungere ognuno di essi, non solo, è possibile decidere come gestire questo passaggio, se in modo discreto, lineare o spline, nella prima modalità, il passaggio tra i valori sono netti, senza nessuna interpolazione, è il caso di animazioni del tipo"on/off", che potremo usare, ad esempio per far comparire un oggetto improvvisamente sulla scena, la seconda modalità esegue un interpolazione lineare tra i valori, creando animazioni costanti, la più interessante è sicuramente l'ultima modalità in quanto è possibile accelerare e rallentare l'animazione.

Pensare di creare in modo dichiarativo un animazione basata su Key Frame, magari con l'interpolazione spline sarebbe da pazzi, per tenere sotto controllo ogni aspetto di questo tipo di animazione è necessario un supporto visuale e Blend è capace di fornircelo, anzi, queste sono il tipo di animazioni utilizzate in modo preferenziale da Blend.

Animare con Blend

Creiamo quindi una nuova scena, con l'intento di realizzare un bel tramonto marino, impostiamo la larghezza della scena su 640 pixel e 480 di altezza.

Trattandosi paesaggio marittimo la prima cosa da realizzare è il mare, creiamo quindi un rettangolo che copra tutta l'area visibile, le dimensioni non sono importanti.

Utilizzeremo un riempimento radiale che sfumi dall'arancio fino al blu:

Continuiamo aggiungendo un altro rettangolo, che andrà a rappresentare il cielo e infine il nostro sole, alla fine dovremo ottenere un risultato simile:

È arrivato il momento di aggiungere la prima animazione della scena, in particolare realizzeremo il riverbero del sole.

Selezioniamo il "Sole", con la combinazione di tasti Ctrl-C copiamolo, quindi con Ctrl-V lo incolliamo nella medesima pozione, modifichiamo le sue dimensioni, in modo che i bordi della copia superino quelli dell'originale, in più modifichiamo il gradiente portandolo su tonalità biancastre e semitrasparenti ai bordi, assegniamoli infine il nome "alone".

Continuiamo nascondendo il "sole" in modo da lavorare più agevolmente sul suo "riverbero", clicchiamo quindi sull'icona a forma di occhio nel pannello "Object ant Timeline", questo pannello, diventerà presto uno dei più utilizzati, poiché ci consente di accedere rapidamente a ogni oggetto della scena, Storyboard e animazioni.

Attenzione: Questo articolo contiene un allegato

Sullo stesso argomento

Commenti

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Segnala su: