Sondage du mois

Sondage du mois
 

  La connaissance ne vaut que si elle est partagée par tous




 
  Astuce Adobe Photoshop : Raccourci raccourcis claviers : Ctrl Alt Shift K




Les tutoriaux: Index » Flash » Flash » Preload simple (Flash 5)

Introduction

  • Tutoriel posté par Sky
  • 4743 lectures
  • Mis en ligne le 01-01-1970
  • Dernière mise à jour le
  • Ce tutoriel a été estimé comme simple.


Automatic Translations:
Translate Into English Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Lorsque vous créez une animation assez lourde, il se peut que vous souhaitiez faire patientez vos visiteurs en attendant que l'animation soit chargée.
C'est une pratique très répandue sur le Web.
Il suffit de lui indiquer de boucler sur un exemple d'images tant que l'animation (ou une partie) n'est pas complétement chargée en memoire.


Méthodologie

Preload simple sous flash 5

Pour ce faire créez tout d'abord un texte statique simple.
Que vous transformerez en graphique (F8 puis graphique).
Une fois votre graphique créé faites une copie de votre image 1 sur l'image 20 et sur l'image 40.
Et interpollez moi tout ça !
Maintenant Cliquez sur l'image 1.
Puis sur le graphique.
Ce qui nous interresse ici est la case déroulante "couleur", choisissez ALPHA à 10 % et faites de même sur l'image 40.
Pour le moment nous venons de faire l'animation de préchargement, maintenant attaquons nous au code.
Créez une nouvelle séquence, pour ce faire il vous faut ouvrir le panneau de sequences en faisant:
FENETRES --> SEQUENCE

Une petite fenêtre s'ouvre ressemblant a celle-ci.
Double cliquez sur Séquence 1 et nommez la "preload", ensuite cliquez sur le + en bas a droite de cette fenêtre ce qui vous fait apparaitre une nouvelle sequence.
C'est sur cette sequence que vous créerez votre animation principale, nommez la donc animation, ce qui doit vous donner ceci.
Revenons a notre séquence Preload, et mettons le code approprié. Cliquez sur l'image 1 du preload et ouvrez le panneau d'action et rentrez le code suivant...
fFrameLoaded (si l'image est "loader"), dans le champ "séquence" nous spécifions quelle séquence est "loader" donc la c'est la séquence "animation" , dans type vous laissez sur numéro d'image et dans le champs image vous mettez la DERNIERE image de votre animation, ici j'ai laissé a l'image 1 car je n'est pas creé d'animation principale mais si vous votre animation principale fait 500 images par exemple vous mettrez "500" dans le champ "image".
Ala suite de ce code vous mettrez un GoTo.

pour détailler le code complet :

CODE


ifFrameLoaded ("animation", 500) {

}

gotoAndPlay("animation", 1);



Ceci veut dire que si l'image 500 de la séquence "animation" est chargée (ifFrameLoaded ("animation", 500) {) Alors l'animation ira lire l'image 1 de la séquence "animation" ( gotoAndPlay("animation", 1);



Maintenant pour que votre petite animation se joue en boucle jusqu'à ce que l'animation principale soit chargée mettez un gotoAndPlay("preload", 1); sur la derniére image de votre preload (ici c'est l'image 40)
Notes

  Evaluez le tutorial (4 Votes)

3
1
0

Vous venez de faire une animation de préchargement simple, nous verrons plus tard comment en faire un avec barre de pourcentage.

Télécharger les sources

Pour les questions ou d'éventuelles remarques, dirigez vous vers le forum.

Réagir sur ce tutoriel - [Flash] Preload simple (Flash 5)

DERNIÈRES PUBLICATIONS DE OPEN-MOUTHED

En direct de open-mouthed.com