Mise à jour du tutoriel: Créer un bouton avec flash

Bonjour à tous, je me suis rendu compte que le tutoriel: "Créer un bouton" daté quelque peu. J'ai donc décidé de dépoussièrer tout ça en codant déjà en as3, mais aussi en vous proposant différentes techniques que j'utilise moi-même.

L'apercu:



Le code:

Code:


btn.addEventListener("mouseOver",over);
btn.addEventListener("mouseOut",out);
btn.addEventListener("mouseDown",clic);
btn.addEventListener("mouseUp",declic);

function over(pEvt:MouseEvent):void{
   pEvt.target.gotoAndPlay("over");
}
function out(pEvt:MouseEvent):void{
   pEvt.target.gotoAndPlay("out");
}
function clic(pEvt:MouseEvent):void{
   pEvt.target.gotoAndPlay("clic");
}
function declic(pEvt:MouseEvent):void{
   pEvt.target.gotoAndPlay("over");
}


Voilà, en tout cas j'espère que vous apprécierez ce tutoriel !!!!

Merci ^^ mais curieux comme je le suis je vais te poser une question :
Est-ce que sa fait parti du tutoriel que tu as dit où l'on va créer une interface flash ?

Non c'est une mise à jour de ce tuto: ICI que je trouvais franchement désué, mais tu peux toujours regarder ce tutoriel ICI , il explique comment créer une interface en as3

Ne t'inquiète pas pour moi je regarde tout tes tutos

Super tuto je sens qui va m'être utile

magnifique tuto, je connaissait pas les étiquettes. merci pour m'avoir appris cela, sa me sera sans doute utile, et tu m'as fait comprendre certaines choses aussi, auquelles je n'avais pas pensé :D

ps: quel mode de compression utilise-tu pour tes videos stp? car sa charge vite et une fois en plein écran c'est absolument magnifique, en tout cas on arrive très facilement a lire le code AS ^^

EDIT: en réalité j'ai tenté de faire ce tuto mais au moment ou tu fais une interpolation de forme entre les deux première phases du bouton moi j'essaie de faire pareil mais l'option interpolation de forme est grisée, je ne peux choisir que les deux autres et la transition ne se fait pas

REEDIT: alors j'ai supprimé mon bouton et j'en ai refais un et maintenant sa marche :D

Merci du compliment megalex, ça fait plaisir de voir que tu as appris des choses grâce à cette vidéo.

Concernant ton petit soucis, je vais quand même t'expliquer pourquoi l'interpolation de forme fut grisé dans ton cas. Il faut savoir que seul les formes peuvent utiliser ce type d'interpolations et non les clips, les graphiques ou les boutons.

Merci, super tutoriel, très intéressant ! (J'ai pus améliorer ma signature garce a lui )

J'ai d'ailleurs eut droit a un drôle de bug, que je n'ai toujours pas compris, je m'explique :

Voulant afficher une animation sur mon texte, je le convertie en clip et lui donne l'occurrence de aqua.
Je créé mes "petites animations" que j'ai essayé d'appeler ainsi, sur la dernière frame de mon script "AS" principale :

Code:


stop(); // Non merci aux boucles =p

var booly:int = 0;

aqua.addEventListener("mouseOver",plays);
aqua.addEventListener("mouseDown",returns);

function plays(pEvt:MouseEvent):void{
  if(booly == 0) {
    pEvt.target.gotoAndPlay("anime");
      booly = 1;
  }
}

function retruns(pEvt:MouseEvent):void{
  pEvt.target.gotoAndPlay("default");
}



Ce qui ma permis d'avoir une belle erreur "ReferenceError: Error #1069: La propriété gotoAndPlay est introuvable sur flash.text.TextField et il n'existe pas de valeur"

J'ai finalement utilise les script suivant :

Code:


stop();
var booly:int = 0;

aqua.addEventListener("mouseOver",plays);
aqua.addEventListener("mouseDown",returns);

function plays(pEvt:MouseEvent):void{
  if(booly == 0) {
      aqua.gotoAndPlay("anime");
      booly = 1;
  }
}

function retruns(pEvt:MouseEvent):void{
  aqua.gotoAndPlay("default");
}



Mais mettant inspiré du code proposé, je ne comprend pas pourquoi "pEvt.target" ne pointe pas sur mon "aqua" ?

Et bien il te suffit tout simplement de désactiver un texte que tu dois avoir dans aqua, non?

Si je ne me trompe pas, un simple

Code:

aqua.mouseChildren = false;

réglera ton problème...

Aaah, problème de doc alors, autant pour moi, je ne l'avais pas vus venir celle la =p

Merci