Warning: mysql_fetch_array(): supplied argument is not a valid MySQL result resource in /home/www/cc0b753ea651a099cd3fd998b69f3127/web/fonctions.php on line 357


.: Retourner aux :.
ou
.: à l'accueil du site :.

Bonjour a tous
Aujourd'hui je vais vous apprendre à faire un bouton en flash comme celui-ci.



Je vais le faire le plus simple possible pour que tout le monde puisse comprendre car déja ça n'a pas été facile pour moi de l'assimiler :P
Ouvrez un nouveau document flash
Ensuite appuyez sur "F11" (ca va vous permettre d'afficher la bibliothèque comme ça vous pouvez voir ce que vous avez dedans comme objet, bouton et autre)
Maintenant faites (ctrl+F8 ) et mettez-y les options suivantes



J'ai appelé mon bouton "BTNstandard"
(pourquoi le BTN en majuscule? C'est une façon de savoir reconnaître ce que l'on as mis et pouvoir faire la différence entre un bouton et un movie clip
Voici comment je les appelles
BTN = bouton
MC = movie clip
Après les majuscules je mets le nom que je désire au bouton comme au movie clip)
Maintenant votre espace de travail devrait être comme le mien




A droite vous voyez dans la bibliothèque (chez moi c'est Library désoler il est en anglais) le bouton qui vient d'être créé
En haut j'ai mis ce que c'était un onglet le bouton et pour l'autre la scène sur laquelle vous venez de déposer toutes vos créations pour que ça soit visible car si ce n'est pas sur la scène ça peu pas être vu autrement qu'en ouvrant le fichier flash (appeler plus communément fichiers .fla qui est l'extension de ceux-ci)
Vous avez aussi du remarquer la petite croix au milieu de votre plan de travail, cette petite croix peut être très utile car en fait elle est l'indicateur du centre de votre plan de travail pour réaliser ici un bouton ce qui vous permettra de ne pas avoir de décalage lorsque vous l'exécuterez plus tard
Si vous ne comprenez pas ce que je dis n'hésitez pas a me le demander

Maintenant prenez l'outil rectangle, choisissez une couleur pour le remplissage puis mettez un bord transparent pour ensuite tracer le rectangle sur votre plan de travail



Maintenant vous remarquez aussi qu'au dessus il y a 4 cases et qu'il y en as une avec un point noir dedans cela veux dire qu'il y as une image dedans
Voici l'explication de ces cases (désoler c'est en anglais)



En premier vous avez up (haut si je me souviens bien) vous remarquez qu'il y a aussi une case en dessous avec un point noir cela veux dire qu'il y a une image dedans (le rectangle que vous avez tracé plus haut)

En second vous avez over (c'est lors du passage de la souris qu'il réagit) j'ai activé la case mais je n'ai rien mis dedans comme ça vous pouvez voir la différence avec la première case ayant le point noir car c'est une case ou il n'y as encore rien dedans

Troisièmement vous avez down (bas si je me souviens bien) c'est quand vous enfoncer le bouton gauche de votre souris qu'il s'active

Et quatrièmement vous avez hit cette partie la est il me semble la plus importante dans un bouton car c'est la partie de la "zone cliquable".
c'est un rectangle qui est invisible que vous tracer pour dire que cette zone est active pour un bouton.
C'est très pratique lorsque votre bouton est du texte comme ça vous ne devez pas cliquer juste sur la ligne de texte car le rectangle que vous avez tracé vous permet de combler le vide entre les lettres ce qui en fait un bouton tel que le rectangle dont nous nous sommes occuper à réaliser
Voila pour cette explication j'espère que je suis assez claire jusqu'à présent
Nous allons faire la suite, en étant sur la case "up" vous avez un rectangle bleu et vous remarquez que la petite croix n'est pas au centre du rectangle.
Comment régler cela?
Prenez la flèche de sélection (elle se trouve en haut à gauche vous en avez une blanche et une noire celle que vous devez sélectionner c'est la noir )
Ensuite cliquez sur le rectangle et vous obtiendrez ceci



Vous remarquerez que le rectangle bleu est remplis de petits points blancs cela veut dire que partout ou il y a ces points c'est que cette partie est sélectionnée, en l'occurrence ici tout le rectangle
J'ai mis en jaune les parties qui sont importantes
La flèche que vous avez sélectionnée pour activer le rectangle
Et les propriétés de celui-ci.
Remarquer que il y as 4 lettres "w, h, x, y" (pour ceux qui font de la programmation çela ne devrait pas poser de problème. Pour comprendre le w = width (longueur), h = height (hauteur), x (c'est la position horizontale) et y (c'est la position verticale) (pour les mesures de x et y il faut savoir que ça démarre en positionnement normale dans le coin supérieur gauche, mais en flash c'est le centre de la petite croix)
Alors maintenant pour que cela sois plus facile à comprendre pour la suite, pour la visibilité et pour ne pas avoir de virgule nous allons mettre les paramètres suivants
W = 200
H = 100
X= 0
Y = 0

Vous obtiendrez ceci :



Maintenant la petite croix est au centre du rectangle
Pour copier la même chose dans la case "over" faites "F6" vous voyez que le nouveau rectangle vient de se placer exactement au même endroit que le premier avec les même dimension et lsurtout e même positionnement ce qui peu s'avérer très pratique (si vous souhaitez vous pouvez aussi faire un autre rectangle et remettre les même paramètres sauf que en faisant "F6" c'est plus rapide :P )
Maintenant que vous avez un autre rectangle bleu vous remarquez que qu'il est sélectionné par défaut.
Il vous suffit simplement d'en changer la couleur (j'ai mis rouge comme ça on puisse bien voir la différence)
Faites la même chose pour le down (je l'ai mis en vert) et pour les hit (je l'ai mis en jaune)
Maintenant que le bouton est fini, revenez sur la scène en cliquant simplement sur "scene1" qui se trouve en haut de votre page, il est indiqué correctement sur la deuxième image de ce tuto

Voici ce que vous dévriez obtenir



Maintenant déplacez le bouton qui se trouve dans la bibliothèque sur votre scène
Vous remarquez que la "frame1" à un point noir et que le premier rectangle bleu est bien sur votre scène



Une fois que cela est fait, faites (ctrl+enter) et regardez ce que ca donne
Vous remarquerez que le rectangle jaune n'apparaît jamais car en fait c'est la zone cliquable
Voici le résultat final (j'ai réduit la scène pour les facilite du site pour n'avoir que le bouton)

le bouton

J'espère que ce tuto vous servira et que je suis assez clair dans mes expliquations
A bientôt pour de nouveaux tutos

Erreur : You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'AND valide=1' at line 1