|
Déplacement vertical d'une surface
Cliquez sur l'un des 4 boutons
|
|
import mx.transitions.Tween;
import mx.transitions.easing.*;
vitesse = 2;
Drag1.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_y", Strong.easeOut, pages._y, 0, vitesse, true);
};
Drag2.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_y", Strong.easeOut, pages._y, -140, vitesse, true);
};
Drag3.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_y", Strong.easeOut, pages._y, -280, vitesse, true);
};
Drag4.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_y", Strong.easeOut, pages._y, -420, vitesse, true);
};
|
|
|
Drag and drop et Déplacement d'une surface
Faites glisser le bouton rose
|
smallpage.smallcadre.onPress = function() {
bordhaut = 0;
bordgauche = 0;
borddroit = smallpage._width-this._width;
bordbas = smallpage._height-this._height;
this.startDrag(bordhaut,bordgauche,bordbas,borddroit);
};
smallpage.smallcadre.onRelease = smallpage.smallcadre.onReleaseOutside=function () {
this.stopDrag();
};
this.onMouseMove = function() {
page._x = -(page._width-Stage.width)*smallpage.smallcadre._x/(smallpage._width-smallpage.smallcadre._width);
page._y = -(page._height-Stage.height)*smallpage.smallcadre._y/(smallpage._height-smallpage.smallcadre._height);
};
|
|
|
Déplacement des vignettes de gauche à droite
Faites bouger la souris de gauche à droite
|
import mx.transitions.Tween;
import mx.transitions.easing.*;
decalage = 2;
vitesse=3
largeur = Masque._width/2;
distance = largeur+decalage;
this.onMouseMove = function() {
if (this._xmouse>-distance && this._xmouse
xx = -(bandeau._width-Masque._width)*_xmouse/(Masque._width);
}
if (this._xmouse>distance) {
xx = -(bandeau._width-Masque._width)*distance/(Masque._width);
}
if (this._xmouse
xx = -(bandeau._width-Masque._width)*(distance*-1)/(Masque._width);
}
var MonAnim:Tween = new Tween(bandeau, '_x', Strong.easeOut, bandeau._x, xx, vitesse, true);
};
|
|
|
Déplacement des vignettes de gauche à droite et zoom des vignettes
Faites bouger la souris de gauche à droite
|
|
|
|
Déplacement des vignettes de gauche à droite et zoom des vignettes
Faites bouger la souris du bas vers le haut et cliquez sur les vignettes
|
|
|
|
|
|
Déplacement horizontal d'une surface
Cliquez sur l'un des 4 boutons
|
|
import mx.transitions.Tween;
import mx.transitions.easing.*;
vitesse = 2;
Drag1.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_x", Strong.easeOut, pages._x, 0, vitesse, true);
};
Drag2.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_x", Strong.easeOut, pages._x, -300, vitesse, true);
};
Drag3.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_x", Strong.easeOut, pages._x, -600, vitesse, true);
};
Drag4.onPress = function() {
var MonAnim:Tween = new Tween(pages, "_x", Strong.easeOut, pages._x, -900, vitesse, true);
};
|
|
|
Déplacement d'une surface
Faites bouger la souris
|
import mx.transitions.Tween;
import mx.transitions.easing.*;
vitesse = 2;
_root.onMouseMove = function() {
//Interpolation de mouvement sur l'axe x
var MonAnim:Tween = new Tween(pages, "_x", Strong.easeOut, pages._x, -_xmouse, vitesse, true);
//Interpolation de mouvement sur l'axe y
var MonAnim:Tween = new Tween(pages, "_y", Strong.easeOut, pages._y, -_ymouse, vitesse, true);
};
|
|
|
Déplacement et chargement de clips
Cliquez sur l'un des 4 boutons
|
///On arrete l'animation
stop();
///On charge les classes qui permettent de faire l'animation
import mx.transitions.Tween;
import mx.transitions.easing.*;
//////On charge les clips
mc.attachMovie("clip1", "newclip1", mc.getNextHighestDepth());
mc.attachMovie("clip2", "newclip2", mc.getNextHighestDepth());
mc.attachMovie("clip3", "newclip3", mc.getNextHighestDepth());
mc.attachMovie("clip4", "newclip4", mc.getNextHighestDepth());
//////////////////
///Initialisation
n = 0;
max = 4;
mc.newclip1._alpha = 0;
mc.newclip2._alpha = 0;
mc.newclip3._alpha = 0;
mc.newclip4._alpha = 0;
//////////////
////Animation
function animation() {
var Anim:Tween = new Tween(mc.newclip1, '_alpha', Strong.easeOut, mc.newclip1._alpha, statut[1], 2, true);
var Anim:Tween = new Tween(mc.newclip2, '_alpha', Strong.easeOut, mc.newclip2._alpha, statut[2], 2, true);
var Anim:Tween = new Tween(mc.newclip3, '_alpha', Strong.easeOut, mc.newclip3._alpha, statut[3], 2, true);
var Anim:Tween = new Tween(mc.newclip4, '_alpha', Strong.easeOut, mc.newclip4._alpha, statut[4], 2, true);
}
//////Statut des transparence(alpha) des images et lancement de l'animation
var statut:Array = new Array();
function image() {
if (n == max+1) {
n = 1;
}
if (n == 0) {
n = max;
}
statut[1] = 0;
statut[2] = 0;
statut[3] = 0;
statut[4] = 0;
statut[n] = 100;
animation();
frame = n+1;
gotoAndStop(frame);
}
//////Action des Boutons
bt1.onRollOver = function() {
n = 1;
image();
};
bt2.onRollOver = function() {
n = 2;
image();
};
bt3.onRollOver = function() {
n = 3;
image();
};
bt4.onRollOver = function() {
n = 4;
image();
};
bt_droite.onPress = function() {
n++;
image();
};
bt_gauche.onPress = function() {
n--;
image();
};
|
|
|
Déplacement des vignettes de gauche à droite et affichage de légendes
Faites bouger la souris de gauche à droite
|
La source fonctionne avec un composant
Il est nécessaire de définir la largeur du bandeau contanant les vignettes
vign1.onRollOver=function() {
MonClip = this
Action();
_root.Titre = "César";
_root.Contenu1 = "Contenu1 ergf";
_root.Contenu2 = "Contenu2 rgf q";
_root.Contenu3 = "Contenu3 f ";
_root.Contenu4 = "Contenu4 rg ";
_root.Contenu5 = "Contenu5 regs";
_root.Copyright = "Contenu6 qrdgztyh";
_root.Poste = "Contenu7 zt'(y zj";
}
vign1.onRollOut=function() {
Out();
}
vign2.onRollOver=function() {
MonClip = this
Action();
_root.Titre = "Molière";
_root.Contenu1 = "Contenu1 ss";
_root.Contenu2 = "Contenu2 wdsvgf";
_root.Contenu3 = "Contenu3 dfvfdw ";
_root.Contenu4 = "Contenu4 df ";
_root.Contenu5 = "Contenu5 ddvcd";
_root.Copyright = "Contenu6 dqzet";
_root.Poste = "Contenu7 zt'(y zj";
}
vign2.onRollOut=function() {
Out();
}
vign3.onRollOver=function() {
MonClip = this
Action();
_root.Titre = "Aragon";
_root.Contenu1 = "Contenu1 dffh";
_root.Contenu2 = "Contenu2 wfdg ";
_root.Contenu3 = "Contenu3 dgfs";
_root.Contenu4 = "Contenu4 dgt";
_root.Contenu5 = "Contenu5 fht";
_root.Copyright = "Contenu6 xgh,";
_root.Poste = "Contenu7 zt'(y zj";
}
vign3.onRollOut=function() {.......
|
|
|
Flash 8
Téléchargez
Voir le code