Préloader les animations

fractale0011 Le début de chaque bonne animation commence toujours par un préloader. Il existe tout un tas de méthode pour obtenir l’effet souhaité, en fait, il s’agit de mettre la lecture de l’animation en pause pendant que le téléchargement commence, mais la méthode ci-dessous est très simple on demande juste sur le seconde image si le pourcentage souhaité est télécharger. Si c’est non, on revient à l’image 1, et ainsi de suite en boucle. Pour faire patienter le visiteur, on installe n’importe quel clip sur la première image.

  • Ouvrir un document flash.
  • Nommer la séquense loading.
  • Placer un image clef vide sur la première image du calque 1.
  • Sélectionner cette image puis ajouter l’action play dans la fenêtre action (voir le code ci-dessous).
  • Placer un mage clef vide sur la seconde image du calque 1.
  • Sélectionner cette seconde image, dans la fenêtre action en mode expert, recopier le code ci-dessous, celui qui commence par myDynamicText .
  • Créer un calque 2, nommer le pourcentage.
  • Sur le cakque pourcentage, sélectionner l’outil texte puis écrire 0% loaded.
  • Dans la fenêtre des propriétées, transformer ce bloc texte en sélectionnant « texte dynamique » dans le menu déroulant texte statique.
  • Créer un calque 3.
  • Mettre n’importe quel clip sur ce calque 3.
  • Stopper la séquence en ajoutant une image clef vide vers l’image 10 sur la calque 1.
  • Créer une nouvelle séquence et la nommer main (par exemple).
  • Placer votre animation sur cette séquence main.
  • Enregistrer, éditer, c’est bon votre préloader fonctionne.
  • Pour le réinstaller sur une autre animation, il suffit de copier toutes les images de la séquence loading et de les coller dans une autre animation.

———————————
Le code action script sur la première image de l’animation
———————————

play();

———————————
Le code action script sur la seconde image de l’animation
———————————

myDynamicText = (int((getBytesLoaded()/getBytesTotal())*100)+"% loaded");
if (getBytesLoaded() != getBytesTotal()) {
prevFrame();
} else {
play();
}


———————————
On peux modifier ci-dessus la fin de la première ligne « % loaded », par exemple buffering ou loading, on n’importe quelle proposition.

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s