Discussion :

[lilou31]

Bonjour à tous

Voila on me demande de réaliser une animation Flash sure le modèle de celle ci : http://www.tiaso.com/tertiaire.php

Vraiment je ne vois pas comment faire, j'ai testé plusieurs choses sans succès, je suis vraiment ennuyée. Si quelqu'un avait la gentillesse de m'aider, un tit coup de main, une petite piste, vraiment cela serai super :-)

Merci d'avance

Bonne journée à tous

[jean philippe]

salut
de quelle animation parles tu dans ton link ?
sois plus précis

[lilou31]

Je parle du fait que les 4 images se décalent pour laisser s'agrandir celle sur laquelle on passe avec la souris.

Si tu avais une piste pour moi ca serai super, je désespère

[ranell]

Bonjour,

Sûrement avec les masques, qui lors du passage de souris se décalent pour couvrir d'avantage l'ancienne et faire apparaitre d'avantage la nouvelle .

Essai avec de simple exemple au début pour voir le principe.

Gestion des événements de la souris + masque ça fera l'affaire.

[lilou31]

Merci, j'ai bien essayé cette solution avec 2 boutons rectangles par ex.

Un bleu, un rouge pour chacun d'eux je crée un clip avec un masque qui les découvre. Ensuite j'insère ce clip dans l'image clé "dessus" du bouton.

Juste que la tout est ok, mais le soucis est qu'une fois que je les mets l'un a coté de l'autre pour celui qui est sur le plan le plus haut pas de soucis je passe dessus, il se découvre et couvre son voisin, mais pour le second qui est donc en arrière plan par rapport à l'autre bin forcément il ne le couvre pas....

Je sais pas si je suis très claire

[ranell]

Bonjour,

Si tu as pu faire ça c'est que t'as compris le principe. Juste ajoute le conditions suivantes:

->Condition, tu nomme tes boutons de 1 à 4:

Si ton bouton est de niveau inférieur par exemple 1: tu le laisse s'élargir pour qu'il couvre celui qui est juste en dessus

Si ton bouton est de niveau supérieure par exemple 4: tu le laisse s'élargir pour qu'il couvre celle qui est juste en dessous.

Si ton bouton est de niveau middle (2 ou3) le comportement est pareil il s'élargit des deux cotés pour couvrir celui d'en dessus et de dessous

Tu détectes à chaque passage de la souris c'est quel bouton concerné et avec une condition if(bouton=="bouton1") tu applique l'une des trois conditions suivante.

C'est juste de l'algorithme il faut juste savoir ou le placer et bien nommer tes images et bien gérer les événement souris.

Peut être qu'il y a plus simple c'est la seule idée qui me vient à l'esprit, mais ca te fera un bon exo quand même ^^

Voilà

[lilou31]

Dsl juré je suis pas blonde mais je n'ai pas compris ton explication :-)

[ranell]

Tu pourras diviser ton travail en petite tâche pour simplifier.

-à chaque passage de la souris, tu exécutes des actions suivant le niveau de ton bouton.

tu as quatre bouton comme dans l'anim:

Si ton bouton est celui qui est en dessous de tout les autres :
Dans l'action: tu le laisse s'élargir pour qu'il couvre celui qui est juste en dessus

Si ton bouton est celui qui couvre tout les autres boutons:
Dans l'action: tu le laisse s'élargir pour qu'il couvre celle qui est juste en dessous.

Si ton bouton est au milieu :
Dans l'action: il s'élargit des deux cotés pour couvrir celui d'en dessus et de dessous.

Observe bien ton animation, ces conditions là je les ai déduite de l'animation.

Voilà je peux pas faire plus simple.

[slim_java]

salut.
j'arrive tard sur la discussion mais je me permets quand même de donner
mon idée qui peut être aussi intéressante ( je pense pas )
- tu crée deux clips (si tu veux faire deux images par exemple)
- tu mets une image sur chaque clip de telle façon qu'une partie de l'une soit couverte par l'autre
- tu donne un nom pour chaque clip : supposent clip1 et clip2
- ensuite, sur chaque clip tu place ce code :

sur le clip1

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 on(rollOver)
 { 
 this.swapDepths(_root.clip2);
 }

sur le clip2

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
 on(rollOver)
 { 
 this.swapDepths(_root.clip1);
 }

[ranell]

Intéressante oui

Y'a pas plus simple je pense

[lilou31]

merci a vous deux pour vos explications je teste ca de suite