Flash CS3 et AS 3.0 - Scène de neige

• Mai 3, 2024

Dans cette série de didacticiels sur le système de particules, nous allons créer une animation de scène de neige avec ActionScript et Flash^R. Pour notre scène, il y a beaucoup de flocons de neige tombant en même temps. Chaque flocon tombant sur la scène sera une instance du même clip. Nous devons donc écrire ActionScript pour animer toutes les instances, ou flocons de neige, sur la scène. Nous utiliserons du code modulaire ou réutilisable qui peut être utilisé pour animer autant de flocons que nous le souhaitons.

La meilleure façon de commencer une série comme celle-ci est de vous familiariser avec une partie de la terminologie. Dans ce premier tutoriel, nous allons jeter un œil général sur la fonction et l'appel de fonction. Cette fonction déplacera trois flocons d'un certain nombre de pixels sur l'axe vertical.

Pour définir la scène, j'ai créé deux calques dans la timeline que j'ai nommés "fond" et "flocons de neige". J'ai importé une image d'arrière-plan dans la bibliothèque Flash. Avec l'image 1 du calque d'arrière-plan sélectionnée, j'ai fait glisser l'image d'arrière-plan sur la scène. Ensuite, j'ai importé dans la bibliothèque l'image de flocon de neige en tant que clip vidéo avec le nom "mcSnowflake". Nous allons animer trois instances de ce clip.

1. Sélectionnez l'image 1 sur le calque de flocons de neige dans la timeline et faites glisser une occurrence du clip d'animation mcSnowflake de la bibliothèque vers le haut de la scène. Dans l'inspecteur des propriétés, donnez à ce flocon de neige un nom d'instance de "snowflake1_mc".
   
   Répétez cette opération pour deux autres instances du clip d'animation mcSnowflake. Nommez ces instances "snowflake2_mc" et "snowflake3_mc". Vous devriez maintenant avoir trois flocons en haut de la scène prêts à tomber dans la scène de neige. Maintenant, nous allons écrire la fonction modulaire qui va créer cette animation.
   
   
2. Créez un nouveau calque dans la timeline et renommez ce calque "Actions". Sélectionnez l'image 1 sur ce calque et ouvrez le panneau Actions (Fenêtre - Actions). Tapez ce code dans le panneau, puis nous discuterons du code.
   
   fonction chute de neige (flocon de neige: MovieClip, mouvement: nombre): vide
   {
   snowflake.y = mouvement;
   }
   
   chutes de neige (snowflake1_mc, 10);
   chutes de neige (snowflake2_mc, 20);
   chutes de neige (snowflake3_mc, 30);
   

fonction snowfall (): void

Continuer

Instructions Vidéo: caméra multiplane (Mai 2024).