Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Avez-vous perdu votre e-mail d'activation ?

Auteur Sujet: Entendre un son lorsqu'on survole un bouton.  (Lu 1841 fois)

Zackk

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 13
    • Voir le profil
Entendre un son lorsqu'on survole un bouton.
« le: Novembre 27, 2007, 18:50:08 pm »
Bonjour , j'aurais besoin d'aide pour attribuer un son à un boutton de façon à lorsqu'on le survole on puisse l'entendre. Est ce que je peux faire la même chos epour un clip ? Merci de bien vouloir me répondre...
IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Entendre un son lorsqu'on survole un bouton.
« Réponse #1 le: Novembre 27, 2007, 18:54:18 pm »
Dans la création de ton symbole Bouton, l'état qui gère le survol de la souris est Dessus.
Tu créés un calque spécifique pour le son et tu déposes ton son (depuis ta bibliothèque) sur la scène.
Dans la barre Propriétés, dans la liste Sync tu choisis Evènement
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Entendre un son lorsqu'on survole un bouton.
« Réponse #2 le: Novembre 27, 2007, 18:57:04 pm »
Sinon tu peux aussi le faire en ActionScript avec l'événement onRollOver. C'est la méthode que tu choisiras pour le faire sur un clicp.
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 662
    • Voir le profil
    • WWW
Entendre un son lorsqu'on survole un bouton.
« Réponse #3 le: Novembre 28, 2007, 07:33:42 am »
Bonjour,

Je te déconseille d'utiliser les symboles boutons.

La raison principale est le fait qu'il n'est pas possible de gérer dynamiquement l'intitulé d'un bouton par ActionScript.
Le concept de Flash est de créer un symbole dans la bibliothèque puis de tirer des occurrences sur la scène. Hors si tu utilise le symbole bouton il est nécessaire d'avoir un intitulé différent sur chaque bouton. Ne pouvant pas changer l'intitulé par ActionScript tu es donc obliger de faire dans ta bibliothèque autant de symbole que de bouton.

Pour un bouton il y à 3 possibilité dans Flash :

La première nous venons d'en parler

La seconde consiste à utiliser le composant bouton de la bibliothèque des composants. Le problème est le poids : 27 Ko pour un simple bouton !!!

La troisième solution est l'utilisation d'un symbole MovieClip en guise de bouton. C'est LA solution.


Comment réaliser un bouton MC ?

1 CRTL ou Pomme + F8 pour créer un symbole

2 Au moins 2 calques. Sur le calque du bas un beau graphisme ou un MC déjà réalisé dans la bibliothèque pour servir de support visuel au bouton. Sur le calque du haut une zone de texte dynamique couvrant la surface complète du bouton.
(Attention l'icone ab dans les propriétés de la zone de texte est sélectionnée il faut impérativement la désélectionner.)

3 Nommer la zone de texte dans les propriétés pour pouvoir l'atteindre par AS. Exemple : intitule_btn

Voilà le bouton est en état de marche il ne reste plus qu'à revenir sur la scène puis à tirer une occurrence du bouton à partir de la bibliothèque.

Ensuite dans les propriétés de cette occurrence nous la nommons par exemple : bt1
Sur un calque nommé ActionScript, toujours sur la scène, au sommet de la pile, il faut faire une petite programmation pour que le bouton réagisse.

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
ATTENTION :

Je vois souvent des exemples ou des réalisations ou la programmation est faite sur les MC directement ou pire à l’intérieur de MC emboités les uns dans les autres :(

                                         IL NE FAUT JAMAIS FAIRE COMME CELA. :)

Si vous pratiquez comme ça je ne vous parle plus !!!!! ;)

Pourquoi tant de haine ?

Si votre code est réparti sur vos MC il devient très rapidement impossible de gérer l'application Flash. De plus 6 mois plus tard quand il faut faire une modification il est très difficile de retrouver ou le code est écrit. Enfin les chemins pour atteindre tel ou tel MC sont très complexe à gérer.

Le principe est de TOUJOURS écrire le code sur une ou des images clés sur la scène à l’exclusion des autres emplacements.

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//Texte sur le bouton
bt1.intitule_btn.text = "L'intitulé du bouton";
/*Réagir sur le laché du bouton de la souris sur le bouton
Cette fonction est la seule à être réellement obligatoire*/
bt1.onRelease = function(Void):Void  {
//Les actions à effectuer
};
/*L'utilisateur à préalablement
enfoncé le bouton de sa souris sur la zone réactive
il relache son bouton de souris en dehors de la zone réactive du bouton*/
bt1.onReleaseOutside = function(Void):Void  {
//Les actions à effectuer
};
//Le pointeur de souris est sur la zone réactive du bouton.
bt1.onRollOver = function(Void):Void  {
//Les actions a effectuer
};
//Le pointeur de souris est hors la zone réactive du bouton.
bt1.onRollOut = function(Void):Void  {
//Les actions a effectuer
};
//A utiliser uniquement pour la gestion d'un drag and drop
bt1.onPress = function(Void):Void  {
//Les actions a effectuer
};
Après cette explication et pour répondre a ta question voilà le travail à réaliser :
1 Importe un son léger dans ta bibliothèque si tu ne sais pas faire autrement.
2 Ouvre ton MC contenant ton bouton (celui avec 2 calques)
3 Ajoute un calque que tu nomme son
4 Ajoute une image clé 2 sur le calque son
5 Ajoute une image vide sur les 2 autres calques
6 Sur la 2 image clé du calque son glisse le son de ta bibliothèque (il y à maintenant un petit trait horizontal sur l'image clé)
7 Sur la scène transforme ton code en :

//Ne pas jouer le MC bouton
bt1.stop();
//Texte sur le bouton
bt1.intitule_btn.text = "L'intitulé du bouton";
Enfin dans les fonctions onRollOver et onRollOut comme te le conseille judicieusement kriztho ajoute :

//Le pointeur de souris est sur la zone réactive du bouton.
bt1.onRollOver = function(Void):Void  {
//jouer le son et stop
bt1.gotoAndStop(2)
};
//Le pointeur de souris sort de la zone réactive du bouton.
bt1.onRollOut = function(Void):Void  {
//retour à l'image 1 du MC bt1 et stop
bt1.gotoAndStop(1)
};
Le principe reste identique (cf le message de kriztho) pour l'ensemble des MC que tu souhaite sonoriser.


Bon courage...
IP archivée
Savoir mal est pire qu'ignorer

Zackk

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 13
    • Voir le profil
Entendre un son lorsqu'on survole un bouton.
« Réponse #4 le: Novembre 28, 2007, 17:58:24 pm »
Merci beaucoup pour vos explications trés détailés ;):D je vais tout de suite essayer :D
IP archivée

kriztho

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 1500
    • Voir le profil
    • WWW
    • E-mail
Entendre un son lorsqu'on survole un bouton.
« Réponse #5 le: Novembre 29, 2007, 19:52:57 pm »
Citation de: RMistral
bt1.onRollOver = function(Void):Void  {
    //jouer le son et stop
    bt1.gotoAndStop(2)
};
Pourquoi ne pas proposer cette syntaxe :
bt1.onRollOver = function(Void):Void  {
    //jouer le son et stop
    this.gotoAndStop(2)
};
puisqu'on est déjà dans le bouton.
C'est peu être chichiter, mais c'est plus générique non ?!
IP archivée
______________________________________________________________
Je ne connais pas grand chose, mais je progresse...
[La veille techno du web] - [Histoire d'écrire de l'informatique]

RMistral (Wisi)

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 662
    • Voir le profil
    • WWW
Entendre un son lorsqu'on survole un bouton.
« Réponse #6 le: Novembre 30, 2007, 05:46:17 am »
Bonjour,

Sur le principe tu a raison. Mais c'est a mon avis une source d'erreur. Dès que l'on commence à emboiter des occurrences de MC les unes dans les autres cette manière de faire se termine par des erreurs de ciblage. Par exemple sur le DragAndDrop. Je fais un MC fenetre dans lequel il y a un MC barreTitre. Le chemin du bouton est donc :

fenetre.barreTitre.onPress=function(Void):Void{
            //Ici je déplace la barre pas la fenetre
           this.startDrag......
           //Je souhaite déplacer la fenetre pas la barre
           fenetre.startDrag.....
}
Voilà pourquoi j'utilse le plus rarement possible this.
IP archivée
Savoir mal est pire qu'ignorer

Zackk

  • Wisi tout neuf
  • *
  • Hors ligne Hors ligne
  • Messages: 13
    • Voir le profil
Entendre un son lorsqu'on survole un bouton.
« Réponse #7 le: Décembre 01, 2007, 11:59:16 am »
Citation de: kriztho
Dans la création de ton symbole Bouton, l'état qui gère le survol de la souris est Dessus.
Tu créés un calque spécifique pour le son et tu déposes ton son (depuis ta bibliothèque) sur la scène.
Dans la barre Propriétés, dans la liste Sync tu choisis Evènement
J'ignorais que lorsque l'on double-clic sur un bouton on pouvait le modifier selon l'emplacement du pointeur de la souris :rolleyes:

Cela rend les choses beaucoup plus simple, j'ai appliqué vos conseils et ça marche , Merci encore  :)
IP archivée
 




 
Wisibility.com
Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources gratuites et payantes vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Illustrator, InDesign, Flash…

Aujourd’hui, Wisibility réunit une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…

Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Des centaines de tutoriels accessibles gratuitement et une boutique sur laquelle vous trouverez des formations complètes et des exercices pratiques.

Wisibility organise des événements graphiques, réalise une WebTV

Wisibility sur Adobe TV

Retrouvez nos tutoriels et nos émissions
sur le site officiel Adobe



 
Nos partenaires

Adobe   fotolia   WebINK   Amka   macandphoto   club
 


Contact - Wisibility est une marque déposée - Mentions légales

Creative Commons License

infos - inspiration - rendez-vous - logiciels materiels - tutoriels gratuits - formations en ligne - forums - galeries - glossaire - wisi tv