Pas encore membre ? Enregistrez-vous ! | Identifiants égarés ?
Fermer

Preload simple

  • Introduction
  • Informations
Preload simple Nous allons ici apprendre à réaliser preload affichant le pourcentage de chargement accompli pour une animation Flash.
Cela permet de charger toute l'animation avant d'en lancer la lecture afin que celle-ci reste fluide.  
Netger
  • Auteur : Netger
  • Publication : 20 août 2006 19:22
  • Consultations : 8075
 

1. Nouveau document

Preload simple Commençons créer un nouveau document flash possédant les propriétés suivantes :
  • dimensions : 300 x 75 pixels (j'ai choisie les dimensions au hasard)
  • couleur d'arrière-plan : blanc (ou une autre couleur).
  • cadence : 12 images par secondes
  • unité de la règle : pixels
Pour ce tutoriel il est important de commencer à la frame 2 car commencer à la première frame empêchera le script de fonctionner pour des animations de taille importante

2. Créer un champ de texte dynamique

Preload simple image 2 Commencez par placer un champ de texte dynamique sur votre scène et donnez lui comme nom de variable "affichage".
Pour bien discerner ce calque ultérieurement, nommez-le "preload".

Placez ensuite une action stop(); sur cette frame 2.

3. Créer un MC "loader" et insérer le code AS

Preload simple image 3 Nous allons créer un Movie Clip vide appelé "Loader" afin qu'il contienne notre code.
Positionnez-vous maintenant sur la première frame et entrez le code AS suivant :
Code-source actionscript
  1. _root.bytTotal = _level0.getBytesTotal();
  2. _root.bytLoaded = _level0.getBytesLoaded();
  3. _root.bytRapport = Math.round((_root.bytLoaded)/(_root.bytTotal)*100);
  4. _root.affichage = _root.bytRapport + " %";
  5.  
  6. if (_root.bytRapport == 100) _root.play();
 
Créez ensuite une image clé vide à la frame 2 afin que la tête de lecture passe alternativement de la frame 1 à la frame 2 de ce MC.
Retournez à la racine de votre animation et faites glisser le MC "preload" de la bibliothèque jusque votre scène (à la 2éme frame du calque "preload").

4. Ajouter votre animation

Preload simple image 4 Il ne vous reste plus maintenant qu'à ajouter votre contenu à partir de la frame 4.
J'utilise ici une image en guise d'exemple.

5. Contrôler l'animation

Vous pouvez maintenant tester votre preload directement dans Flash.
Preload simple image 5 Cliquez sur "Contrôle" puis "tester l'animation".
Cliquez ensuite sur "affichage" et "simuler le téléchargement" afin d'observer le comportement de votre preload.

Vous pouvez modifier la vitesse du téléchargement simulé : cliquez sur "affichage" et "paramètres de téléchargement".  
  • Rédiger un commentaire
  • Afficher les commentaires (0)
Vous devez être identifié pour poster un commentaire
Aucun commentaire