|
Création d'une animation ActionScript 3 navigation éclair non seulement ajoute de l'interactivité à votre site, mais permet également aux utilisateurs de savoir où ils sont . Les façons d'ajouter de l'animation à la navigation sont limitées que par l'imagination , mais pour commencer , vous allez créer une boule simple qui suit votre souris sur le menu de navigation . Cette leçon utilise également des tableaux , pour ceux d'entre vous qui sont nouveaux tableaux, c'est un excellent moyen de se mouiller les pieds . Instructions
1 Ouvrez Flash et cliquez sur " Fichier", " Nouveau" puis cliquez sur "Fichier Flash (ActionScript 3.0 ) " dans le menu de retrait . Cliquez sur l'outil Rectangle de la barre d'outils, et tout en maintenant votre souris , faites glisser sur la scène pour dessiner un rectangle . Cliquez sur l'outil Texte et tapez " Play" sur le dessus du rectangle.
2 Cliquez sur à la fois le rectangle et le texte " Play" pour les mettre en évidence . Dans le menu principal , cliquez sur "Modifier ", puis cliquez sur "Convertir en Nouvelle Symbol" dans le menu gigogne. Cliquez sur la case "Bouton" radial et tapez " regarderMC " pour le nom .
3 Cliquez sur " Fenêtre" dans le menu principal, puis cliquez sur "Propriétés" puis "Propriétés" nouveau dans le menu gigogne. Avec votre fond et le texte toujours en surbrillance , tapez " home_btn " dans le champ Nom de l'instance dans le panneau de propriétés.
4 Cliquez sur " Insérer un calque " en bas de la ligne de temps, et nommez-le " boutons ». Cliquez sur l'outil Texte sur la barre d'outils . Dans le panneau Propriétés, cliquez sur " Texte statique ". Tapez vos rubriques de navigation , tels que "Home ", "A propos" et "Contact ".
5 clic droit "Home" puis cliquez sur " Convertir en symbole " dans le menu gigogne. Nommez-le "Home ", cliquez sur "Button" pour le type de symbole, puis , sur la ligne d'inscription en bas , cliquez sur la case du milieu. Cliquez sur « OK ».
6 Tapez " home_btn " pour un nom d'instance dans le volet Propriétés. Répétez ce processus pour toutes vos rubriques de navigation. Donner à chaque instant un nom unique comme " contact_btn . "
7 Cliquez sur " Insérer un calque " en bas de la timeline, et nommez-le « animer ». Cliquez sur l'outil Ovale à partir de la barre d'outils et d'en tirer une balle sur la scène en tenant votre souris enfoncé et en faisant glisser . Placez votre balle en dessous du bouton "Home " .
8 Faites un clic droit sur la balle et puis cliquez sur " Convertir en symbole " dans le menu gigogne , nommez-le " ball_mc " et cliquez sur " clip vidéo " pour le type de symbole. Cliquez sur « OK ».
9 Cliquez sur " Insérer un calque " en bas de la ligne de temps, et nommez-le " AS3 . " Faites un clic droit sur l'image 1 du calque Action, puis cliquez sur "Action" dans le menu gigogne. Tapez le code suivant : .
Importation fl.transitions.Tween ;
importation fl.transitions.easing * ;
/* Changer les noms de btn si nécessaire * /
var buttonsArr : Array = new Array ( home_btn , contact_btn ) ;
var linkArr : Array = new array ();
/* adresse de la navigation sur le changement (var i : uint = 0; i < buttonsArr.length ; i + +) {
buttonsArr [i] addEventListener ( MouseEvent.ROLL_OVER , moveFollow ) ;
buttonsArr [i] addEventListener . . ( MouseEvent.CLICK, CLICKURL ) ;
}
fonction moveFollow (event: MouseEvent ): void {
nouvelle Tween ( ball_mc , "x" , Strong.easeOut , ball_mc.x , event.currentTarget.x , 1, true); }
fonction CLICKURL (event: MouseEvent ): void { for (var j : uint = 0; j < linkArr.length ; j + +) {
if ( event.currentTarget == buttonsArr [j] ) {
navigateToURL ( new URLRequest ( linkArr [ j]) );}} }
|
