OVH Cloud OVH Cloud

[FLAMX] loadMovie et Alpha

3 réponses
Avatar
vincent
Bonjour

je viens de creer un load Movie pour charger une image JPG. Super.
Mais comment faire pour avoir un effet Fade, pour que mon image soit animé?

Voici le code que j'ai tapé:

// Création d'un clip vide:
_root.createEmptyMovieClip("cure_mc01",1);
// Chargement d'une photo dans ce clip vide:
cure_mc01.loadMovie("img_01_a.jpg");
// Déplacement et redimensionnement du clip conteneur:
cure_mc01._x = cure_mc01._y = 0;
cure_mc01._xscale = cure_mc01._yscale /= 1;
cure_mc01._alpha = 10;

Or mon probleme est que l'alpha reste sur 10, alors que je voudrais qu'il
parte de zero pour arriver a 100.
Une idee?

Merci de vos lumieres.
vincent

3 réponses

Avatar
Jérôme Courivaud
Bonjour,

A première vu il faut mettre un EnterFrame

cure_mc01.onEnterFrame = function(){
if(this._alpha<100){
this._alpha+=1;
}else{
delete this.onEnterFrame;
}
}

par exemple

au moment où tu crées le clip il initialise une incrémentation.

voilà


"vincent" a écrit dans le message de
news:bpsqtn$mu7$
Bonjour

je viens de creer un load Movie pour charger une image JPG. Super.
Mais comment faire pour avoir un effet Fade, pour que mon image soit


animé?

Voici le code que j'ai tapé:

// Création d'un clip vide:
_root.createEmptyMovieClip("cure_mc01",1);
// Chargement d'une photo dans ce clip vide:
cure_mc01.loadMovie("img_01_a.jpg");
// Déplacement et redimensionnement du clip conteneur:
cure_mc01._x = cure_mc01._y = 0;
cure_mc01._xscale = cure_mc01._yscale /= 1;
cure_mc01._alpha = 10;

Or mon probleme est que l'alpha reste sur 10, alors que je voudrais qu'il
parte de zero pour arriver a 100.
Une idee?

Merci de vos lumieres.
vincent




Avatar
\(-: tatactic :-\)
Oui, quand l'image est chargée

_root.createEmptyMovieClip("cure_mc01", 1);
cure_mc01.loadMovie("img_01_a.jpg");
cure_mc01._x = cure_mc01._y=0;
cure_mc01._xscale = cure_mc01._yscale /= 1;
cure_mc01._alpha = 0;
alphaSpeed=6
loadImg = function (target) {
var pc=(target.getBytesLoaded()/target.getBytesTotal())*100
if ( pc == 100) {
trace("clip "+target+" loaded");
target.onEnterFrame = function() {
if (this._alpha+alphaSpeed<100) {
this._alpha += alphaSpeed
} else {
this._alpha = 100;
trace("alpha == 100. Delete "+target+".onEnterFrame");
delete (this.onEnterFrame);
}
};
clearInterval(interval);
}
};
interval = setInterval(loadImg, 100, cure_mc01);


"Jérôme Courivaud" wrote in message
news:bpsrk7$o8b$
Bonjour,

A première vu il faut mettre un EnterFrame

cure_mc01.onEnterFrame = function(){
if(this._alpha<100){
this._alpha+=1;
}else{
delete this.onEnterFrame;
}
}

par exemple

au moment où tu crées le clip il initialise une incrémentation.

voilà


"vincent" a écrit dans le message de
news:bpsqtn$mu7$
> Bonjour
>
> je viens de creer un load Movie pour charger une image JPG. Super.
> Mais comment faire pour avoir un effet Fade, pour que mon image soit
animé?
>
> Voici le code que j'ai tapé:
>
> // Création d'un clip vide:
> _root.createEmptyMovieClip("cure_mc01",1);
> // Chargement d'une photo dans ce clip vide:
> cure_mc01.loadMovie("img_01_a.jpg");
> // Déplacement et redimensionnement du clip conteneur:
> cure_mc01._x = cure_mc01._y = 0;
> cure_mc01._xscale = cure_mc01._yscale /= 1;
> cure_mc01._alpha = 10;
>
> Or mon probleme est que l'alpha reste sur 10, alors que je voudrais


qu'il
> parte de zero pour arriver a 100.
> Une idee?
>
> Merci de vos lumieres.
> vincent
>
>




Avatar
\(-: tatactic :-\)
Et si tu veux charger plusieurs images tu feras plutot un truc du genre :
En rajoutant une fonction qui placera mieux tes clips qu'avec ce code ci.
:-)

imgNum = 1;
numImg = 5;
// nombre de photos
createContainer = function () {
if (imgNum<10) {
imgNumStr = "0"+imgNum;
}
_root.createEmptyMovieClip("cure_mc"+imgNumStr, imgNum);
this["cure_mc"+imgNumStr].loadMovie("img_"+imgNumStr+"_a.jpg");
this["cure_mc"+imgNumStr]._x =(imgNum-1)*40
this["cure_mc"+imgNumStr]._y=0;
this["cure_mc"+imgNumStr]._xscale = this["cure_mc"+imgNumStr]._yscale /= 1;
this["cure_mc"+imgNumStr]._alpha = 0;
};
alphaSpeed = 6;
loadImg = function (target) {
var pc = (target.getBytesLoaded()/target.getBytesTotal())*100;
if (pc == 100) {
trace("clip "+target+" loaded");
target.onEnterFrame = function() {
if (this._alpha+alphaSpeed<100) {
this._alpha += alphaSpeed;
} else {
this._alpha = 100;
trace("alpha == 100. Delete "+target+".onEnterFrame");
delete (this.onEnterFrame);
}
};
clearInterval(interval);
if (imgNum+1<=numImg) {
imgNum += 1;
createContainer();
makeNew();
}
}
};
makeNew = function () {
if (imgNum<10) {
imgNumStr = "0"+imgNum;
}
interval = setInterval(loadImg, 100, this["cure_mc"+imgNumStr]);
};
createContainer();
makeNew();