Accueil > Forum > > > > flash AS3 effet grossissant - problème retour dégrossissant
flash AS3 effet grossissant - problème retour dégrossissant
jeudi 29 septembre 2011 à 16:24:27 |
flash AS3 effet grossissant - problème retour dégrossissant

natalide78
|
Bonjour,
Je souhaite faire un effet grossissant sur un clip en AS3.
Le problème est qu'au retour, l'effet se met ensuite à "scintiller" comme s'il n'arrêtait pas.
Voici le code AS3
function moveA(event:MouseEvent):void{
if(txta.scaleY<1.5)this.addEventListener(Event.ENTER_FRAME, grossir )
}
function nomoveA(event:MouseEvent):void{
if(txta.scaleY>1)this.addEventListener(Event.ENTER_FRAME, maigrir )
}
function grossir (e:Event):void{
if(txta.scaleY<1.5){txta.scaleY+=0.05;txta.scaleX+=0.05;}
}
function maigrir (e:Event):void{
if(txta.scaleY>1){txta.scaleY-=0.1;txta.scaleX-=0.1;}
}
en fait le retour se fait sur la 1ere Frame avec un stop();
Merci de votre aide,
Natalide78
|
|
jeudi 29 septembre 2011 à 22:39:34 |
Re : flash AS3 effet grossissant - problème retour dégrossissant

aerolyte
|
Bonjour, a prime abord tu as une très mauvaise utilisation de l'enterframe.
Je t'invite a utiliser les tweeners pour réaliserton effet de loupe.
D'autre part fait attention a la gestion des ecouteurs et des erreurs.
Enfin nomme uniformement tes variables (une fois c'est "event" , l'autre "e")
PS c'est un peu plus rapide de faire Code ActionScript : txta.scaleY=txta.scaleX-=0.1;
Cordialement
|
|
vendredi 30 septembre 2011 à 16:44:17 |
Re : flash AS3 effet grossissant - problème retour dégrossissant

natalide78
|
Bonjour,
et merci pour la réponse.
J'ai pu modifier convenablement le cade grâce à tweenMax.
Cependant, il y a un effet que je n'arrive pas à contrôler, quand la souris survol le bouton et qu'il se déplace, selon la position de la souris, le bouton se met à saccader : grossit/maigrit.
Voici le code (je ne sais pas comment mettre le swf en copie)
stop();
btna.carrea.alpha=0;
btnb.carreb.alpha=0;
titrea.visible=false;
titreb.visible=false;
import flash.events.MouseEvent;
import com.greensock.*;
import com.greensock.easing.*;
function grossira(event:MouseEvent):void{
addChild(btna);addChild(titrea);
TweenMax.to(btna,0.2, {scaleX:1,scaleY:1, x:225, y:225, ease:Back.easeOut});
TweenMax.to(btna.carrea,0.2, {alpha:0.5, onComplete:finInterpolation});
function finInterpolation() {titrea.visible=true;}
}
function maigrira(event:MouseEvent):void{
TweenMax.to(btna.carrea,0.2, {alpha:0});
TweenMax.to(btna,0.5, {scaleX:0.5, scaleY:0.5, x:350, y:290, ease:Back.easeOut});
titrea.visible=false;
}
function grossirb(event:MouseEvent):void{
addChild(btnb);addChild(titreb);
TweenMax.to(btnb,0.2, {scaleX:1,scaleY:1, x:225, y:225, ease:Back.easeOut});
TweenMax.to(btnb.carreb,0.2, {alpha:0.5, onComplete:finInterpolation});
function finInterpolation() {titreb.visible=true;}
}
function maigrirb(event:MouseEvent):void{
TweenMax.to(btnb.carreb,0.2, {alpha:0});
TweenMax.to(btnb,0.5, {scaleX:0.5, scaleY:0.5, x:105, y:185, ease:Back.easeOut});
titreb.visible=false;
}
//ombre portée sur les boutons
import flash.filters.BitmapFilterQuality;
import flash.filters.DropShadowFilter;
var monFiltre:DropShadowFilter = new DropShadowFilter(); //Création du filtre
monFiltre.quality = BitmapFilterQuality.LOW; //Définition de la qualité du filtre
monFiltre.distance = 5; //Définition de la distance de l'ombre
monFiltre.angle = -30; //Définition de la direction de l'ombre
monFiltre.alpha = 0.8;//Définition de la transparence de l'ombre
btna.filters = [monFiltre]; //Applique le filtre à 'monObjet
btna.addEventListener(MouseEvent.MOUSE_OVER, grossira);
btna.addEventListener(MouseEvent.MOUSE_OUT, maigrira);
btnb.filters = [monFiltre]; //Applique le filtre à 'monObjet
btnb.addEventListener(MouseEvent.MOUSE_OVER, grossirb);
btnb.addEventListener(MouseEvent.MOUSE_OUT, maigrirb);
Merci d'avance pour votre aide,
natalide78
|
|
vendredi 30 septembre 2011 à 17:38:10 |
Re : flash AS3 effet grossissant - problème retour dégrossissant

aerolyte
|
Code ActionScript : stop();
// il est de pratique de placer les imports en premier
import com.greensock.*;
import com.greensock.easing.*;
import flash.events.MouseEvent;
import flash.filters.BitmapFilterQuality;
import flash.filters.DropShadowFilter;
// regarde la doc officiel pour connaitre les propriétés
var monFiltre:DropShadowFilter=new DropShadowFilter(5,-30,0,0.8,4,4,1,1);
btna.filters=btnb.filters=[monFiltre];
btna.carrea.alpha=btnb.carreb.alpha=0;
titrea.visible=titreb.visible=false;
// tes ajouts a la scene ne doivent pas etre dans ta fonction evenementiel, sinon a chaque fois que tu passe la souris dessus il te les ajoutes
// si tu veux qu'il ne sois pas visible depuis le debut tu les met en visible=false
addChild(btna);
addChild(titrea);
addChild(btnb);
addChild(titreb);
btna.addEventListener(MouseEvent.MOUSE_OVER, grossira);
btna.addEventListener(MouseEvent.MOUSE_OUT, maigrira);
btnb.addEventListener(MouseEvent.MOUSE_OVER, grossirb);
btnb.addEventListener(MouseEvent.MOUSE_OUT, maigrirb);
function grossira(event:MouseEvent):void{
/*
il faut mettre des conditions car tu ne peux pas lancer des tween des que que tu survol l'objet
autrement dit il faut que tu vérifie:
1] si il est en train de faire un tween
2] et sinon quel est l'etat du btn ( fin grossissement ou fin reduction)
*/
TweenMax.to(btna,0.2,{scaleX:1,scaleY:1,x:225 y:225,ease:Back.easeOut});
TweenMax.to(btna.carrea,0.2,{alpha:0.5, onComplete:finInterpolation});
}
// eviter d'imbriquer les fonctions
function finInterpolation():void{//manque void
titrea.visible=true;
}
/* d'une facon générale tu utilise trop de tween,
normalement tu devrais t'en sortir avec 4 tween dan tout ton code,
le reste c'est qu'un histoire de variavble différente
En gros faut reprendre tout le code et la logique
*/
function maigrira(event:MouseEvent):void{
TweenMax.to(btna.carrea,0.2,{alpha:0});
TweenMax.to(btna,0.5,{scaleX:0.5,scaleY:0.5,x:350,y:290,ease:Back.easeOut});
titrea.visible=false;
}
function grossirb(event:MouseEvent):void{
TweenMax.to(btnb,0.2,{scaleX:1,scaleY:1,x:225,y:225,ease:Back.easeOut});
TweenMax.to(btnb.carreb,0.2,{alpha:0.5,onComplete:finInterpolation});
}
// eviter d'imbriquer les fonctions
function finInterpolation():void{
titreb.visible=true;//manque void
}
function maigrirb(event:MouseEvent):void{
TweenMax.to(btnb.carreb,0.2,{alpha:0});
TweenMax.to(btnb,0.5,{scaleX:0.5,scaleY:0.5,x:105,y:185,ease:Back.easeOut});
titreb.visible=false;
}
|
|
lundi 3 octobre 2011 à 14:53:56 |
Re : flash AS3 effet grossissant - problème retour dégrossissant

natalide78
|
Bonjour,
Voici, j'ai 'nettoyé' comme je pouvais le code.
stop();
// il est de pratique de placer les imports en premier
import com.greensock.*;
import com.greensock.easing.*;
import flash.events.MouseEvent;
import flash.filters.BitmapFilterQuality;
import flash.filters.DropShadowFilter;
import flash.display.DisplayObject;
import flash.events.*;
// regarde la doc officiel pour connaitre les propriétés
var monFiltre:DropShadowFilter=new DropShadowFilter(5,-30,0,0.8,4,4,1,1);
btna.filters=btnb.filters=[monFiltre];
btna.carrea.alpha=btnb.carreb.alpha=0;
titrea.visible=titreb.visible=false;
btna.addEventListener(MouseEvent.MOUSE_OVER,grossir);
btnb.addEventListener(MouseEvent.MOUSE_OVER,grossir);
function grossir(event:MouseEvent):void
{
TweenMax.to(event.currentTarget,0.2,{scaleX:1,scaleY:1,x:225, y:225,ease:Back.easeOut,onComplete:finGrossir(event.currentTarget)});
//
}
function finGrossir(obj){
obj.addEventListener(MouseEvent.MOUSE_OUT,maigrir);
obj.removeEventListener(MouseEvent.MOUSE_OVER,grossir);
var carre;
var titre;
if (obj.name == 'btna'){carre=btna.carrea;titre=titrea;}
else{carre=btnb.carreb;titre=titreb;};
TweenMax.to(carre,0.2,{alpha:0.5});
titre.visible=true;
}
function maigrir(event:MouseEvent):void
{
var XX;
var YY;
if (event.currentTarget.name == 'btna'){XX=350,YY=290;}
else{XX=105,YY=185;};
TweenMax.to(event.currentTarget,0.5,{scaleX:0.5,scaleY:0.5,x:XX,y:YY,ease:Back.easeOut,onComplete:finMaigrir(event.currentTarget)});
}
function finMaigrir(obj){
obj.addEventListener(MouseEvent.MOUSE_OVER,grossir);
obj.removeEventListener(MouseEvent.MOUSE_OUT,maigrir);
var carre;
var titre;
if (obj.name == 'btna'){carre=btna.carrea;titre=titrea;}
else{carre=btnb.carreb;titre=titreb;};
TweenMax.to(carre,0.2,{alpha:0});
titre.visible=false;
}
J'ai par contre toujours 2 pb :
1- j'ai un calque qui reste en dessous de l'autre au moment où il grossit. Comment faire ? Je n'ai pas trouvé d'équivalent à z-index sur Flash
2- j'ai toujours ce problème de saccade quand la souris est au bord d'un des boutons. Je n'arrive pas à trouver la solution, même avec des if/else et add/remove des listener.
Merci,
Natalide78
|
|
jeudi 6 octobre 2011 à 00:14:36 |
Re : flash AS3 effet grossissant - problème retour dégrossissant
|
lundi 21 novembre 2011 à 11:25:21 |
Re : flash AS3 effet grossissant - problème retour dégrossissant

natalide78
|
Bonjour,
Je reprends le projet en cours actuellement depuis quelques jours.
Je n'ai pas plus avancé.
this.swapDepths(_root.getNextHighestDepth()); étant du AS2 apparemment ne fonctionne pas pour mon cas.
Je reste avec addchild() qui fonctionne bien, même si ce n'est pas forcément la solution.
J'ai toujours mon problème de bouton, lorsque l'on clique sur la bordure d'un bouton (ici une image), il grossit en rapetissit sans s'arrêter.
Je pensais qu'en mettant onComplete:finMaigrir(event.currentTarget)}, cela résoudrait le problème, mais non :)
Si vous aviez des petites idées...
Merci,
natalide78
|
|
Cette discussion est classée dans : effet, retour, txta, as3, grossissant
Répondre à ce message
Sujets en rapport avec ce message
Effet ressort en AS3 [ par guiz2003 ]
Bonjour a tous, Je découvre petit à petit l'AS3 et j'ai des soucis pour certains codes simples comme l'effet élastic sur un clip qui suit un autre cl
Recherche composant AS3 - playlist [ par fxlamare ]
Bonsoir, Je recherche un composant AS3 (ou des idées) capable de répondre en partie à ma problématique (voire même entièrement soyons fou, je suis
Effet d'aller - retour sur un bouton [ par msdesignconcept ]
Bonjour à tous !Ca peut paraitre simple mais je cherche désespérement à faire un bouton avec comme effet, je vais essayer d'être clair : Lorsque l'on
[AS3] Effet de perspective au mouvement de la souris [ par mchicault ]
Bonsoir ! Voilà j'ai vu un site aujourd'hui qui m'a grandement intrigué !! Je me demande comment les créateurs on fait pour créer cet effet de persp
[AS3] Mask avec 2 background [ par ichigoZ710 ]
Bonjour, ma question est simple, est-ce qu'en actionscript 3 il est possible de faire un masque avec 2 backgrounds ? Le premier serait un background c
[as2 ou as3] Comment reproduire cet effet ? [ par theo75 ]
Bonjour, j'aimerais savoir comment reproduire un effet comme http://www.finish.tv/ , je n'arrive pas a créer un effet de zoom. Merci d'avance pour vos
charger une photo en as3 [ par kalif ]
bonjour a tous,je me demandais comment charger une photo en as3 et controller sa taille ? en as2 j'utilisais loadmovie(photo, clip); merci d'avance
Loading en AS3 [ par anas1976gh ]
Bonjours , j'ai un fichier swf très lourd et je veut faire la barre de Loading qui s'affiche en début pour le chargement , je sais que cette question
AS3 - Appeler une fonction de la classe principale depuis une sous-classe [ par mouahaha ]
Salut à tous !Voici un exemple du type de problème auquel je suis confronté depuis mon passage à l'AS3 :J'ai un .fla dont le seul code sert à créer un
Livres en rapport
|
Derniers Blogs
IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|