Ouvre portail FAAC - Les fonctions techniques dans Flash

Par David, mercredi 21 septembre 2005 à 14:40 :: Flash :: #9 :: rss

Une simple recherche sur Google permet de récupérer multitude de documents (dossier technique, dessin, schéma...) sur ce système.

Il est possible d'intégrer une partie de ces documents dans une animation Flash afin d'en faire une présentation plus ou moins complète.

On peut par exemple partir de la fonction principale "Manoeuvrer le portail" pour définir les fonctions techniques et leurs solutions.

Vous trouverez ci-dessous le fichier source commenté, ainsi que quelques explications.

Téléchargements

Le visuel
Le fichier source (.fla) Version MX 2004 et les flahPaper
Le fichier source (.fla) Version 6 MX

FlashPaper

FlashPaper est un outil adapté pour visualiser un document 2D issu de plusieurs types de logiciels : Word, Excel mais aussi Autocad, Inventor ou encore votre logiciel d'édition de schéma électrique favori.

Un atout non négligeable est qu'un document FlashPaper peut s'intégrer très facilement dans une animation Flash (.swf).

Les quelques lignes de code permettant de réaliser cette prouesse sont gracieusement fournies dans l'aide de FlashPaper et il suffit de procéder à un copier-coller.
Vous les trouverez sur le calque "as" de la première image du fichier source.
L'animation contient donc deux FlashPaper :

Le dessin d'ensemble issu d'une impression à partir d Inventor
Le schéma électrique de la carte principale issue d'une image

La nomenclature associée au dessin d'ensemble

Sur la première image se trouve un bouton "ouvrir la nomenclature" qui permet, comme son nom l'indique, d'afficher la nomenclature.

La nomenclature est un clip qui ne se trouve sur aucune image de la scène principale, mais dans la bibliothèque associée au fichier (F11 pour ouvrir la bibliothèque).

Ce clip est chargé dynamiquement en utilisant la fonction
.attachMovie("nom1","nom2",niveau)

nom1 est le nom de liaison que porte le clip dans la bibliothèque
nom2 est le nouveau nom d'occurrence que porte le clip une fois chargé sur la scène

Il est en effet nécessaire de lier le clip qui se trouve dans la bibliothèque de votre animation pour que Flash le compile dans le swf.

Il suffit d'éditer les propriétés du clip dans la bibliothèque et de cocher les cases :

Exporter pour actionScript
Exporter dans la première image

Les niveaux ???

Quand on charge un clip de la bibliothèque sur la scène, il est nécessaire d'indiquer un "niveau".

En général une animation est construite sur plusieurs calques qui s'empilent les un sur les autres.
Un clip placé sur un calque , cache un clip placé sur un calque inférieur.

Lorsqu'on charge un clip dynamiquement avec .attachMovie(), il n'est pas possible d'indiquer sur quel calque on souhaite le placer, car les calques ne portent pas d'identifiant et cette notion disparaît une fois l'animation compilée.

Par contre Flash attribue automatiquement des niveaux à toutes les symboles placés sur les différents calques.
Par défaut il attribue un niveau négatif (-16366 par exemple) à chacun de ces symboles en respectant la notion de superposition définie par l'arborescence des calques. La fonction mon_clip.getDepth() permet de connaître le niveau d'un clip.

Il suffit donc de charger le clip de la bibliothèque sur un niveau positif pour qu'il vienne se superposer à tous les autres.
La fonction mon_clip.swapDepths(niveau) permet de modifier le niveau de n'importe quel symbole en cours d'animation.

Pour cacher le clip nomenclature il suffit de créer un "clip vide" sur le même niveau que celui ci en utilisant la fonction .createEmptyMovieClip("",niveau)
En effet chaque niveau ne pouvant contenir qu'un seul symbole, le clip "vide" écrase le clip "nomenclature".

Déplacer la nomenclature à l'aide de la souris

Vous remarquerez qu'une fois la nomenclature affichée, il est possible de la déplacer en maintenant le pointeur de la souris pressée sur celle-ci.

Le code associé à cette fonction se trouve sur la première image du clip "nomenclature". Il est donc nécessaire d'éditer le clip "nomenclature" qui se trouve dans la nomenclature.

Les fonctions utilisées sont this.startDrag() associé à l'évenement .onPress (nomenclature pressée) et stopDrag() associé à l'évenement .onRelease (nomenclature relâchée)
On peut noter que le this de this.onPress fait référence au clip "nomenclature" car cette ligne de code est écrite sur une image du même clip.

Les sources

Tous les documents intégrés dans l'animation (dessin, schéma, Fast...) sont issus des sites ci-dessous:

Annonces

Commentaires

1. Le mercredi 21 septembre 2005 à 18:16, par jean-françois bardisa

bonjour et bravo pour l'animation très intéressante pédagogiquement.
un détail concernant le clapet piloté: ne penses tu pas qu'en sélectionnant Ft421 on devrait voir la pression alimenter le clapet piloté F? j'aurais mis le circuit en pointillé en rouge d'autant que la pression de pilotage est différente de celle d'échappement.
mais ce n'est qu'un détail encore bravo pour ce travail!!!
salut jf

2. Le mercredi 21 septembre 2005 à 18:53, par David

Merci pour les remarques.
Je ne vous promet pas une animation par semaine car je ne suis pas sûr de tenir la route, c'est tout de même du boulot
Par contre c'est tellement agréable à utiliser pour corriger un tp ou présenter un système que cela vaut le coup.

Je regarderais tous les pbs évoqués ce soir à tête reposé
Mais pas de mises à jour avant demain, je suis privé de connexion ce soir sniff

3. Le mercredi 21 septembre 2005 à 21:34, par Philippe

En premier: encore bravo et merci pour cette correction très vivante pour les utilisateurs du FAAC.
Bonne liaison avec le FAST.
Juste la même remarque que JF Bardisa pour le pilotage du clapet.
Bonne continuation et merci pour les idées.
Ph

4. Le jeudi 22 septembre 2005 à 08:24, par David

-> Fla :
Salut Fla
Bien vue, c'est valable pour les symboles E, F et G dans le cas où l'on presse (onPress) le symbole et qu'on relâche (onRelease) le bouton de la souris (quand tu t'endors ) en dehors de la zone clicable du symbole.
Je vois pas trop de soluce vue que j'utilise les événements onRollOver et onRollOut, il faudrait un évenement "onPress et onRelease en dehors" mais ça n'existe pas
Il y a sûrement une solution, pour le moment si çela vous arrive, prenez un café pour éviter de dormir, ensuite survolez de nouveau le symbole et tout rentre dans l'ordre

-> JF :
Salut JF, ta remarque est très pertinente et j'ai donc procédé à la modification
Merci
A+

-> Precision sur la version des fichiers .fla:
Je reçu plusieurs messges pour me dire que vous n'arriviez pas à ouvrir les fichiers .fla
J'utilise la version Flash MX 2004 qui fait parti de la suite Studio MX 2004 que nous avons au lycée
La version éducation de cette suite est tout à fait abordable.
Je vous la recommande.
Les fichiers .fla ainsi que les flashPaper sont compressés dans une archive .rar qu'il faut ouvrir avec le logiciel winRar (il ouvre aussi les .zip d'où son intérêt) dont vous pouvez télécharger une version d'évaluation non limitée sur Internet (voir Google)
J'ai aussi enregistré le fichier .fla en version Flas 6 MX mais il y a eu quelques alertes de non compatibilité, vous pouvez toujours essayer de l'ouvrir.
Je reçois beaucoup de messages en privé, et ce n'est pas évident de répondre à tous, laissez plutôt un commentaire ici, ce qui permet d'en faire profiter tout le monde.
A+

5. Le mercredi 28 septembre 2005 à 09:39, par yves

Ce n'est pas bravo mais chapeau!!!
j'ai une question ate soumettre.
Dans un même répertoire, j’ai crée un fichier (situation.swf) et une interface (en plein écran) nommée nav01.swf sur laquelle se trouve un bouton (btn_situation). Je souhaite lancer le fichier en plein écran à partir de ce bouton pour que l’interface ne soit pas visible. Sur le fichier situation.swg existe le bouton btn_fermeture.Quelles instructions doit-on mettre sur les boutons ?

6. Le mercredi 28 septembre 2005 à 12:43, par David

Bonjour Si j'ai bien compris, le mieux est que tu importes ton animation situation.swf dans navigation.swf en utilisant :

bt_ouvre.onRelease=function(){ this._parent.createEmptyMovieClip("conteneur",100);//crétion d'un clip vide "conteneur" sur le niveau 100 this._parent._x=0;//on positionne le clip vide en x et y this._parent._y=0; this._parent.conteneur.loadMovie("sit.swf");//on charge le swf sit.swf dans le clip vide "conteneur" };

, puis pour fermer le clip dans situation, sur le bouton pour fermer du clip situation :

bt_ferme.onRelease=function(){ this._parent._parent.createEmptyMovieClip("",100); //on crée un clip vide au meme niveau que le clip "conteneur" de l'anim principale pour le détruire };

je t'ai envoyé les fichiers par mel
A+

7. Le jeudi 29 septembre 2005 à 08:23, par Yves

Merci.
J'ai utilisé dans le panneau comportement "Charger un clip externe" sur le bouton ouvre puis réciproquement sur le bouton fermer. Cela fonctionne.

8. Le jeudi 29 septembre 2005 à 11:57, par David

Désolé mais je ne connaissais pas cette solution, donc merci pour le tuyau
A+

9. Le samedi 25 février 2006 à 12:04, par Sylvain

Je n'arrive à télécharger le fichier source concernant le portail.
Le lien avec l'adresse suivante n'est pas accessible mecamedia.free.fr/_flash/...

Merci de ton aide et petit du pays basque.

10. Le dimanche 26 février 2006 à 12:12, par David

Bonjour Sylvain, je viens de corriger le lien

A+

11. Le vendredi 16 février 2007 à 19:24, par Philippe

Bonsoir,

Je suis le Philippe du 21/09/2005

Je viens de réutiliser le FAAC et je compare ton fichier avec ma correction.
Sauf erreur de ma part pour la sortie de tige, il y a deux petites erreurs mais ...à voir!
Je peux t'envoyer ma correction si tu veux par retour.
Mais toujours les félicitations pour le boulot et les services rendus aux collègues!
A bientôt
Philippe CHARBONNIER

12. Le vendredi 16 février 2007 à 20:34, par David

Bonsoir,
J'avoue ne plus utiliser ce système, mais je suis bien sûr prêt à corriger les erreurs.
Tu peux m'envoyer ton fichier ici que je vois ce qu'il en est.
A bientôt