|
Pour obtenir l'effet croissant vu dans certains clips d'animation Flash, comme la culture des fleurs animées ou pousses en croissance , utiliser la classe TransitionManager en ActionScript 3 . Avec seulement quelques lignes de code, accélère AS3 travailler beaucoup plus rapidement que d'autres processus, tels que l'animation en stop-motion . Deux types de transition AS3 qui sont particulièrement utiles pour un effet de plus en plus sont le zoom et des transitions de voler. Préparation
Avant d'utiliser ActionScript pour faire une image grandir, vous devez d'abord convertir l'image en un symbole de clip . Appuyez sur "F8" sur le clavier. Puis donnez le symbole d'un nom d'instance dans le panneau Propriétés . Vous pouvez lui donner n'importe quel nom , mais l'exemple de code dans cet article utilise " _grow », comme le nom du symbole . Avant d'entrer dans n'importe quel code dans le panneau Actions -Frame , sélectionnez d'abord le calendrier actuel en cliquant dessus dans le panneau Montage. Ensuite, collez les deux lignes de code pour appeler les TransitionManager ActionScript et les classes d'assouplissement : . .
Fl.transitions d'importation * ; fl.transitions.easing d'importation * ;
croissance Utilisation du zoom
Le type de transition du zoom est utile pour fabriquer des objets semblent se développer vers l'extérieur . Une image d'une petite fleur , par exemple , en utilisant l'effet de zoom s'affiche à grandir dans une plus grande fleur . Cet exemple utilise la variable « myGrowth " pour être utilisé avec le type de transition du zoom. L'attribut de durée indique le temps en secondes pour l'animation d'être terminé . Copiez et collez le code suivant dans les lignes 3 et 4 du panneau Actions. Vous pouvez ensuite prévisualiser l'animation en utilisant l'option " Aperçu avant publication " dans le menu Fichier
var myGrowth : TransitionManager = new TransitionManager ( _grow ) ; d' myGrowth.startTransition . ( {Type : Zoom , durée: 3} ) ;
croissance verticale à l'aide Fly
Le type de transition à la mouche peut être utilisée pour faire apparaître une image à croître dans un sens, comme une pousse de plus en plus de l'herbe ou d'une culture de la vigne vers le bas ou de gauche à droite ou de droite. Ce type de transition utilise le paramètre " startPoint " afin de déterminer où commence l'objet . L'exemple ci-dessous utilise " 8" à commencer par le bas de la scène. Vous pouvez changer cela en " 7" pour le coin inférieur gauche ou "9" pour le coin inférieur droit . Vous pouvez utiliser "1" pour le coin supérieur gauche , "2" pour le centre ou «3» pour le coin supérieur droit . Pour commencer à partir du bord gauche ou à droite , vous pouvez utiliser "4" ou "6 ". Collez le code suivant dans le panneau Actions -Frame pour utiliser la transition à la mouche :
var myGrowth2 : TransitionManager = nouveau TransitionManager ( _grow ) ; myGrowth2.startTransition ( {type : Fly, direction: Transition.IN , durée: 5, startPoint : 8} ) ;
Alléger Paramètres
Vous pouvez utiliser les paramètres d'accélération pour modifier le taux de croissance dans une animation de quatre façons. easing " normal " et " forte" provoque l' animation d'accélérer ou de décélérer progressivement à un rythme régulier ou forte. "Retour" assouplissement crée un effet de rebond , ce qui rend l'image croître légèrement plus grand que la normale, puis vers l'arrière pour réduire sa taille normale. " Elastic " assouplissement est le même que l'assouplissement de retour , mais avec un effet plus fort. Appliquer trois attributs différents pour chacun de ces paramètres pour que le relâchement commence au début , à la fin ou à la fois le début et la fin de l'animation . Ces attributs sont " Easin », « easeOut » et « EaseInOut " Placez le " paramètre" après " d'assouplissement paramètre de durée " pour voir ses effets , par exemple: .
fl.transitions d'importation * ; fl.transitions.easing d'importation * , de myGrowth var : . . TransitionManager = new TransitionManager ( _grow ) ; myGrowth.startTransition ( {type : Zoom , durée: 5 , soulageant : Strong.easeOut }); < br >
|
