flou animé au survol de la souris

Version imprimable

18/05/2008, 10h00
cerealkiller

flou animé au survol de la souris

Bonjour,

Alors tout d'abord, je suis complètement néophyte en flash... Je viens du monde rigide de la programmation xhtml, javascript, php, ajax, etc... ! Flash m'a toujours refroidi de par la syntaxe assez étrange de son langage !

Ce que je cherche à faire :
Je voudrais qu'un objet (clip, bouton ? justement je sais pas trop) soit flou "par défaut", et que lors du passage de la souris il devienne net (mais avec un p'tit fondu, pas d'un coup). Il faudrait grosso modo animer la valeur du flou lors d'un évènement type "onmouseover" (oui, c'est du javascript, ça, je sais !).

Quelqu'un peut il m'aider ??

Merci d'avance.
20/05/2008, 22h38
beekeep

Salut,

le langage ActionScript n'est pas si bizarre que ça !

le onmouseover de JS devient onRollOver en AS. (évènement d'un MovieClip)

pour faire l'effet de flou il te faut faire une interpolation entre deux même clips, le premier avec un effet de flou (le "par defaut") et le second normal.
je te met un exemple en PJ.

;)
20/05/2008, 23h10
cerealkiller

ok !

wow, c'est toujours impressionnant de voir à que point un bon programmeur fait la différence... j'en étais rendu à faire un clip dans un clip dans un bouton, sans arriver au résultat alors que la solution était si simple ! sur un autre forum, une autre solution m'a été proposée, la tienne est encore plus simple...

Merci beaucoup pour ce coup de main!
(ps : si, je trouve flash un peu obscur, déjà tout simplement du fait du placement du code dans une scène, sur des frames, dans des clips, des boutons qui contiennent chacun une timeline propre etc... il faut avouer que ça perturbe un peu au début, et j'imagine mal le schéma de synthèse d'un site full-flash avec interaction ajax/xml, avec une bdd, etc... - ça fait froid dans le dos. J'ai fait pas mal de 3D à une époque, manipuler de l'animation ne me fait donc pas très peur, et illustrator n'a pas trop de secrets pour moi... reste plus qu'à saisir intégralement le concept de flash !)
20/05/2008, 23h48
beekeep

c'est sur il y a plusieurs bonnes façons de faire, celle la allie code AS et coté graphique.

après pour des animations plus importantes les sources sont dans des fichier .as externes (classes et autres) en général,
c'est quand même plus ordonné, sinon c'est un peu l'bordel :mrgreen:
08/04/2009, 19h27
187bundy

Salut,

C'est surement une question con, et je m'en excuse par avance... Mais... C'est quoi "retour" dans ton exemple ?? J'ai essayé de le refaire à l'identique pour bien comprendre, et quand je compile, il me dis toujours "Accès à la propriété no définie retour"... Mais impossible de trouver trace d'un quelconque "retour" dans ton fichier fla... please HELP ;)

++
F
08/04/2009, 19h39
187bundy

Ha... En fait j'ai compris... Ta source est en AS2, mon fla était en AS3... Comment puis je utiliser la source en AS3 ?

4 pièce(s) jointe(s)

Salut,

je remet les sources en AS2 & AS3 :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
monClip.addEventListener(MouseEvent.ROLL_OVER, onRollOverButton);
monClip.addEventListener(MouseEvent.ROLL_OUT, onRollOutButton);
 
function onRollOverButton(p_event:MouseEvent)
{
    p_event.currentTarget.play();
    p_event.currentTarget.removeEventListener(Event.ENTER_FRAME, onEnterFrameButton);
}
 
function onRollOutButton(p_event:MouseEvent)
{
    p_event.currentTarget.addEventListener(Event.ENTER_FRAME, onEnterFrameButton);
}
 
function onEnterFrameButton(p_event:Event)
{
    if( p_event.currentTarget.currentFrame == 1 )
        p_event.currentTarget.removeEventListener(Event.ENTER_FRAME, onEnterFrameButton);
    else
        p_event.currentTarget.prevFrame();
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
monClip.onRollOver = function()
{
    this.play();
    delete this.onEnterFrame;
};
monClip.onRollOut = function()
{
    this.onEnterFrame = function()
    {
        if( this._currentframe == 1 )
            delete this.onEnterFrame;
        else
            this.prevFrame();
    };
};