Tween transition IN/OUT

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Tween transition IN/OUT

olimann

Salut à tous

Pour ma galerie "XML" jai besoin dutiliser une transition IN/OUT avec les nouvelles méthodes "Tween"
Sur le site de blog.latex.com jai trouvé une class pour leffet et un code qui mintéresse mais donc je narrive pas a intégrer. (à moins quil y a plus simple !!)
Jai testé pas mal de choses mais rien de probant.
Un petit coups de pouce de votre part me serait bien utile.

Voici mon code : ( désolé cest un peu long )

Code :

var cpt /*Number*/ ; // compteur de la gallery
var pictures /*Array*/ ; // tableau contenant les images
// variables loader
var barW:Number = 500;
var barH:Number = 5;
// champ de texte dynamique pour le test
this.createTextField("field", 1, 10, 10, 180, 200) ;
field.border = false ;
field.setNewTextFormat(new TextFormat("arial", 12)) ;
field.borderColor = 0xFFFFFF ;
field.selectable = false ;
field.multiline = true ;
field.wordWrap = true ;
field.html = true ;
// clip vide pour charger dedans l'image
var conteneur_mc:MovieClip = this.createEmptyMovieClip("conteneur_mc", this.getNextHighestDepth());
conteneur_mc._x = 150;
conteneur_mc._y = 20;
var loader_mc:MovieClip = conteneur_mc.createEmptyMovieClip("loader_mc",getNextHighestDepth());
//creation de loader
function draw(w, h):Void {
conteneur_mc.moveTo(0, 0);
conteneur_mc.beginFill(0x000000, 200);
conteneur_mc.lineTo(w, 0);
conteneur_mc.lineTo(w, h);
conteneur_mc.lineTo(0, h);
conteneur_mc.lineTo(0, 0);
conteneur_mc.endFill();
}
//chargement des images
var my_MovieclipLoader:MovieClipLoader = new MovieClipLoader();
var my_listener:Object = new Object();
my_listener.onLoadProgress = function(mc, loadedBytes, totalBytes) {
percentage.text = Math.round(loadedBytes/totalBytes*100);
barW = Math.floor(loadedBytes / totalBytes * 500);
draw(barW, barH);
};
my_listener.onLoadInit = function() {
conteneur_mc.clear();
//transition
import mx.transitions.*;
import mx.transitions.easing.* ;
import com.lalex.visual.XColor;
var my_color:XColor = new XColor(conteneur_mc);
var myTransition:Tween = new Tween(my_color, "_brightOffset", Regular.easeInOut, 255, 0, .5, true);
myTransition.onMotionFinished = function () {
trace ("fin du Tween" );
}
};
//..
my_MovieclipLoader.addListener(my_listener);
// fonctions pour gérer la gallery
var getBigAt = function ( id /*Number*/ ) /*String*/ {
return pictures[id].fichier ;
}
//creation champ texte
var getTextAt = function( id /*Number*/ ) /*String*/ {
var pic = pictures[id] ;
var txt = "Webdesign : " + pic.num + " sur " + pictures.length + " " ;
txt += "Année : " + pic.date + " " ;
txt += "Desc : " + pic.desc +" ";
return txt ;
}
var showPictureAt = function( id /*Number*/ ) {
my_MovieclipLoader.loadClip(pictures[id].fichier, loader_mc) ;
field.htmlText = getTextAt(id) ;
}
var next = function () {
cpt++ ;
if (cpt == pictures.length) cpt = 0 ;
showPictureAt(cpt) ;
}
var prev = function () {
cpt-- ;
if (cpt == -1) cpt = pictures.length - 1 ;
showPictureAt(cpt) ;
}
// action sur les boutons
nextButton.onRelease = next ;
prevButton.onRelease = prev ;
conteneur_mc.onRelease = function() {
var url /*String*/ = getBigAt(cpt) ;
getURL( url , "_blank" );
}
// chargement du xml
var x = new XML();
x.ignoreWhite = true;
x.onLoad = function(success) {
//initialisation des variables
pictures = [] ;
cpt = 0 ;
if (success && this.status == 0) {
var node = this.firstChild.childNodes;
var len = node.length;
for (var i = 0 ; i<len ; i++) {
var current = node[i] ;
var item = {}
for (var prop:String in current.attributes) {
item[prop] = current.attributes[prop] ;
}
pictures.push(item) ;
}
}
showPictureAt(cpt) ;
}
x.load("data/fichier.xml" ) ;

Les sources Ici !!
Merci Davance

Message édité par olimann le 08-03-2006 à 17:23:02

Publicité

mechkurt

qu'est ce que tu veex faire exactement parcqu'en l'etat ton code fonctionne tres bien, sans doute que tu gagnerais a mettre ces 3 lignes:
import mx.transitions.*;
import mx.transitions.easing.* ;
import com.lalex.visual.XColor;
au debut de ton code pour eviter qu'elle soit lu/interpreté a chaque loadInit mais même avec ca ca fonctionne donc ou est le PB?
que cherche tu a faire ?

---------------
D3

olimann

Merci pour ta réponse

Ce je cherche à faire cest une transition "OUT", faire fondre limage avant le chargement de la suivante (classique )
Comme tu peux le voir dans mon code la première transition ( "IN" ) fonctionne très bien !!

Etant donné que cest la première fois que jutilise ces méthodes, je suis pas sur dêtre sur la bonne piste !?
Le lien de blog.latex.com propose une idée intéressante avec lutilisation du "Tween yoyo" qui ma parait simple
Mais difficile à mettre en place.
:??: Je sais pas si cest la bonne solution à employé ?!

mechkurt

pourquoi pas mais si tu veux ce genre d'effet il te faudras un deuxieme conteneur (pour le moment je crois que tu n'en as qu'un) avec un systeme de variable boolen qui te dit quel conteneur est libre... et un changment de depth pour que ton image nouvellement chargé soit en dessous...

si tu n'as qu'un conteneur, quand tu charge une image dedans l'autre est purement est simplement supprimé [:airforceone]

---------------
D3

olimann

:sweat: Houps ça ce complique !!
Donc il faut que je regarde le "systeme de variable boolen " de plus prés.
As-tu une ressources ou un tutorial dans ta connaissance que tu pourrais me faire partager !!

mechkurt

c'est pas si compliqué...
boolen ca veut dire 2 etats 0 ou 1, true ou false et dans ton cas conteneur1 ou conteneur2

---------------
D3

FORUM HardWare.fr

Programmation

Flash/ActionScript

Tween transition IN/OUT

Sujets relatifs
Transition Java-->C++	Effet de transition entre page web
Musique d'arrière plan + transition	[Flash/ActionScript] Setinterval + transition = marche pas?
objet out en jsp	[Pourquoi]Lignes dans le out d'un jsp = nb de <@ page>
[TOPIC UNIQUE] Dreamweaver - STUDIO 8 IS OUT !	Probleme "out of memory"
pointeur en mode in out	comment executer une procedure oracle et recuperer les valeurs out ?
Plus de sujets relatifs à : Tween transition IN/OUT

Page générée en 0.103 secondes