- Introduction
- Apprendre Flash 5 pas à pas
- Symboles et Occurrences
- Techniques
- Programmer dans Flash 5
-
Actions (Bases)
- Actions (Niveau intermédiaire)
- Actions (Fonctions avancées
)
- Variables
- Fonctions
- Objets
- Flash 4 (Archives)

 

 

Actions > Fonctions avancées > Smart Clips>

A quoi ça sert :

- Automatiser des manipulations
- C'est à dire entre autre, rattacher des variables à des movie clips
- Et aussi pouvoir personnaliser des movie clips sur la scène via une palette "Paramètres du clip"
- Donc gagner beaucoup de temps

Le résultat du smart clip n'est pas visuel. C'est avant tout une aide pour le développement. C'est une sorte d'outils d'aide au développement. Il existe 4 types de smart clips. Nous aborderons ici les 3 premiers, le dernier étant à ce jour pour l'équipe de yazo.net, quelque peu flou, voir incompréhensible ! Aucune documentation n'existe sur leur fonctionnement et les différents tests effectués n'ont pas été convaincant. Les smart clips sont donc comparables à des symboles se comportant comme des modèles.

Le smart clip "Default" :

Le smart clip contenant une variable de type "Default" est un movie clip qui contient sa(es) propre(s) variable(s). Elles sont modifiables via la palette "Paramètres du clip".

Ce menu a été personnalisé sur la scène. Il s'agit d'un movie clip de type smart clip dont le nom du menu est le nom des commandes a été réglé par la fenêtre "Paramètres du clip".

Télécharger le fla : Mac - PC

 

Si vous souhaitez rattacher par défaut une ou plusieurs variables à un movie clip, il suffit de suivre la procédure ci-dessous :

  1. Définir une zone de texte sur la scène
  2. Via la palette des options, changer "Texte Statique" en "Texte Dynamique"
  3. Donner un nom à cette zone de texte (votre texte devient une variable)
  4. Sélectionner votre texte avec la flèche noire
  5. Taper F8 afin de transformer votre texte (variable) en symbole
  6. Sélectionner le type movie clip et donner lui éventuellement un nom
  7. Dans la bibliothèque, faites un clic droit sur le symbole que vous venez de créer (CTRL-Clic sur Mac)
  8. Sélectionner la commande "Définir les paramètres du clip"
  9. Cliquer sur le bouton "+" qui permet d'ajouter une variable
  10. Double cliquer sur le nom donné par défaut "varName" afin de la modifier, ex : posih
  11. Double cliquer sur la valeur donnée par défaut "defaultValue" afin de la modifier, ex : 50
  12. Valider par un clic sur OK.
  13. Fenêtre/Palettes>Paramètres du clip
  14. Sélectionner l'occurrence de votre movie clip sur la scène
  15. Via la palette "Occurrence", donner lui un nom, ex : navi
  16. Via la palette "Paramètres du clip", donner une valeur à la variable contenu dans le movie clip.

Voilà, votre movie clip possède à présent sa variable à laquelle vous pouvez faire référence comme bon vous semble. Vous pouvez aussi et surtout la modifier à n'importe quel moment.

Faire référence à cette variable :

sommaire = navi.posih

Dans cet exemple, "sommaire" est une variable à laquelle nous venons d'affecter la valeur 50. Celle de la variable "posih" du movie clip "navi".

Modifier la valeur de la variable :

navi.posih = 35

Pour modifier la valeur de "posih", il faut d'abord faire référence au movie clip auquel elle est rattachée, puis utiliser la syntaxe pointée pour la citer.

Vous pouvez à présent placer autant de fois le smart clip que vous voulez sur la scène. Donnez simplement un nom d'occurrence différent pour chacune via la palette "Occurrence" et une valeur à la variable via la palette "Paramètres du clip".

ATTENTION : SI VOUS NE FAITES PAS CES OPERATIONS DANS CET ORDRE LA, IL EST FORT PROBABLE QUE LE SMART CLIP NE FONCTIONNE PAS. SI VOUS RENCONTRIEZ UN PROBLEME, REPLACER VOTRE SMART CLIP SUR LA SCENE ET REDONNEZ LUI UN NOM ET UNE VALEUR.

Nous pourrions imaginer que dans l'exemple ci-dessous, la valeur de la variable "couleur" pourrait être saisie directement dans la fenêtre "Paramètres du clip". Si le développeur tape "Rouge" ou "Vert" ou "Bleu" ou "Noir" ou "Blanc" le code contenu sur la première image du movie clip renvoie la tête de lecture sur l'image qui contient ce nom.

Ce smart clip contient un programme qui teste la variable saisie via la fenêtre "Paramètres du clip".

La première image du movie clip contient l'instruction suivante :

gotoAndStop (couleur);

La variable est précisée via la fenêtre "Paramètres du clip".

Les images 2, 3, etc., portent les noms "Rouge", "Vert", etc.

Télécharger le fla : Mac - PC

 

Le smart clip "Liste" :

Le smart clip contenant une variable de type "Liste" est un movie clip de type smart clip qui contient une liste d'entrées sélectionnables via la palette "Paramètres du clip" afin de personnaliser certaines parties de la scène. Elles sont modifiables via la palette "Paramètres du clip".

Ce menu a été personnalisé sur la scène. Il s'agit d'un movie clip de type smart clip dont le nom du menu est le nom des commandes a été réglé par la fenêtre "Paramètres du clip".

Télécharger le fla : Mac - PC

Si vous souhaitez rattacher par défaut une ou plusieurs variables à un movie clip, en les sélectionnant dans un menu déroulant (une liste) dans une palette, il suffit de suivre la procédure ci-dessous :

Imaginons qu'une personne a besoin de mettre à jour les températures d'une carte météo, il n'aura pas à les ressaisir, il suffira de les sélectionner dans la palette "Paramètres du clip".

  1. Définir une zone de texte sur la scène
  2. Via la palette des options, changer "Texte Statique" en "Texte Dynamique"
  3. Donner un nom à cette zone de texte (votre texte devient une variable)
  4. Sélectionner votre texte avec la flèche noire
  5. Taper F8 afin de transformer votre texte (variable) en symbole
  6. Sélectionner le type movie clip et donner lui éventuellement un nom
  7. Dans la bibliothèque, faites un clic droit sur le symbole que vous venez de créer (CTRL-Clic sur Mac)
  8. Sélectionner la commande "définir les paramètres du clip"
  9. Cliquer sur le bouton "+" qui permet d'ajouter une variable
  10. Double cliquer sur le nom donné par défaut "varName" afin de la modifier, ex : tempo
  11. Double-cliquer sur "Default" afin de pouvoir sélectionner le type "List" dans le menu déroulant
  12. Double cliquer sur "DefaultValue" afin d'ouvrir la fenêtre d'ajout des valeurs
  13. Cliquer sur le bouton "+" afin d'ajouter autant de valeurs que vous le souhaitez
  14. Valider par un clic sur OK puis à nouveau sur OK.
  15. Fenêtre/Palettes>Paramètres du clip
  16. Sélectionner l'occurrence de votre movie clip sur la scène
  17. Via la palette "Occurrence", donner lui un nom, ex : navi
  18. Via la palette "Paramètres du clip", sélectionner une valeur dans la liste du menu déroulant

Voilà, votre animation peut être ainsi facilement mise à jour.

 

Le smart clip "Array" :

Le smart clip contenant une variable de type "Array" est un movie clip qui contient sa(es) propre(s) liste(s) (tableau). Il est ensuite pratique, simple et rapide de faire référence aux entrées de cette liste (par une syntaxe pointée) contenu dans ce smart clip.

Chaque occurrence de ce smart clip peut avoir son propre nom et faire référence à sa propre liste.

Dans l'exemple ci-contre, le viseur comporte sa propre liste de villes.

Télécharger le fla : Mac - PC

Si vous souhaitez rattacher par défaut une ou plusieurs variables à un movie clip, il suffit de suivre la procédure ci-dessous :

  1. Taper Pomme-F8 (CTRL-F8 sur PC) afin de créer un symbole vierge
  2. Sélectionner le type movie clip et donner lui éventuellement un nom
  3. Dans la bibliothèque, faites un clic droit sur le symbole que vous venez de créer (CTRL-Clic sur Mac)
  4. Sélectionner la commande "définir les paramètres du clip"
  5. Cliquer sur le bouton "+" qui permet d'ajouter une variable
  6. Double cliquer sur le nom donné par défaut "varName" afin de la modifier, ex : villes
  7. Double-cliquer sur "Default" afin de pouvoir sélectionner le type "Array" dans le menu déroulant
  8. Double cliquer sur "DefaultValue" afin d'ouvrir la fenêtre d'ajout des valeurs
  9. Cliquer sur le bouton "+" afin d'ajouter autant de valeurs que vous le souhaitez
  10. valider par un clic sur OK puis à nouveau sur OK.
  11. Sélectionner l'occurrence de votre movie clip sur la scène
  12. Via la palette "Occurrence", donner lui un nom, ex : viseur
  13. Faites référence au nom d'une ville via la syntaxe pointée.

Voilà, votre liste est à présent encapsulée dans le smart clip. Pour faire référence à l'une de ces valeurs de la liste, il suffit d'utiliser l'instruction suivante :

on (rollOver) {
ville = viseur.villes[2];
}

Dans l'exemple ci-dessus, viseur est l'occurrence d'un smart clip qui contient une liste qui s'intitule "villes". Lorsque l'utilisateur passe au dessus d'un bouton, une instruction ordonne l'affichage de l'entrée N°2 de la liste dans une variable qui se trouve sur la scène et qui s'intitule "ville".

 

 

 

 

 

 

< Sommaire