Les partenaires publicitaires:

Comment dessiner une ligne animé en flash

Animation Line est l'une des premières choses à apprendre pour créer des animations de dessins animés et jeux vidéo bourrée d'action. Compétences d'animation de ligne vous donnera les bases dont vous avez besoin pour animer chiffres de bâton et de développer des personnages de bande dessinée les plus avancés. Animation lignes afin qu'ils tirent à travers l'écran vous donnera également l'habileté nécessaire pour fabriquer des armes virtuelles. Vous pouvez dessiner des lignes d'animation avec ActionScript 3.0 la langue (AS3) de programmation de Flash. Après avoir dessiné une ligne animée avec AS3, vous pouvez alors animer comme vous le souhaitez avec le x de AS3 et propriétés graphiques y.

Choses que vous devez

  • Adobe Flash Professional (versions CS3, CS4, CS5)

Instructions

  1. Démarrez le programme flash. Cliquez sur "Nouveau" dans le menu Fichier de la barre de menu flash principal. Cliquez sur le type de fichier "Fichier Flash (ActionScript 3.0)" dans la boîte de dialogue Nouveau document qui apparaît. Cliquez sur le bouton "OK" pour fermer la boîte de dialogue.

  2. Sélectionnez l'option "Actions" dans le menu Fenêtre sur la barre de menu Flash principal pour ouvrir l'éditeur d'actions. Placez votre curseur de la souris sur la première ligne de l'éditeur d'actions. Cliquez sur le bouton de votre souris et tapez le code suivant pour dessiner une ligne horizontale, comme un objet MovieClip qui a une largeur de 6 pixels et couvre la distance entre les points (50 100) et (100 100) sur la scène de Flash:

    var myLine: MovieClip = new MovieClip ();

    myLine.graphics.lineStyle (6);

    myLine.graphics.moveTo (50100)

    myLine.graphics.lineTo (100,100);

    addChild (myLine);

  3. Tapez le code suivant, à partir de la ligne suivante dans l'éditeur Actions pour déclarer une variable qui sera incrémenté pour chaque image animée qui est joué et le contrôle où la ligne d'animation sera tiré sur le cadre animé prochaine:

    var i: int = 0;

  4. Tapez le code suivant, à partir de la ligne suivante dans l'éditeur Actions pour instruire éclair: pour déplacer la ligne de 50 pixels vers la droite à chaque fois que l'animation entre dans une nouvelle cadre se déplacer vers la gauche; côté de la scène et 50 pixels vers le bas après la ligne a déplacé plus de 300 pixels vers la droite; à se déplacer vers la gauche; côté de la scène à une position de 100 pixels à partir du haut de la scène après qu'il a déplacé vers le bas plus de 300 pixels:

    stage.addEventListener (Event.ENTER_FRAME, animateLine);




    fonction animateLine (e: Event): void

    {

    i = i + 5;

    myLine.x = i;

    si (i> 300) {i = 0- myLine.x = 0- myLine.y = myLine.y + 50}

    if (myLine.y> 300) {100} = myLine.y -

    }

  5. Copiez et collez le code suivant dans l'éditeur d'actions pour assurer que le programme en ligne d'animation fonctionne sans erreur:

    var myLine: MovieClip = new MovieClip ();

    myLine.graphics.lineStyle (6);

    myLine.graphics.moveTo (50100)



    myLine.graphics.lineTo (100,100);

    addChild (myLine);

    var i: int = 0;

    stage.addEventListener (Event.ENTER_FRAME, animateLine);

    fonction animateLine (e: Event): void

    {

    i = i + 5;

    myLine.x = i;

    si (i> 300) {i = 0- myLine.x = 0- myLine.y = myLine.y + 50}

    if (myLine.y> 300) {100} = myLine.y -

    }

  6. Cliquez sur l'option "TestMovie" dans le menu de configuration de la barre de menu principale de Flash pour lire le film. Remarquez que la ligne se déplace de gauche à droite à travers la scène, puis répète ce schéma, mais commençant à une position de 50 pixels vers le bas.

Conseils Avertissements

  • Le taux de trame déterminera la rapidité de votre ligne se déplace à travers la scène. Vous pouvez régler la vitesse de défilement dans la zone de texte "fps" dans la chronologie ou utiliser le AS3 "frameRate« propriété.
» » » » Comment dessiner une ligne animé en flash