Afin de comprendre davantage le fonctionnement de cette loupe
voyons ce qu'il se passe lorsque vous déplacez le cadre
noir qui se trouve sur la petite carte de France.
Imaginez que vous ayez une pièce d'appartement de 10 m
de longueur. Imaginons que pour vous rendre au milieu de cette
pièce, vous devez faire 3 pas.
Si vous avez une pièce d'appartement de 40 m de longueur,
combien de pas devez vous faire pour arriver au milieu de la pièce
?
Oui, 4 fois plus. C'est à dire 4 fois 3 pas, donc 12 pas.
Isn't it ? (Vous avez vu cet anglais !!). Bon, revenons à
nos moutons.
Le rapport est de 40/10 = 4. (On fait 4 fois plus de pas)
Imaginons maintenant une pièce de 150 mètres et
une de 1125 mètres :
Le rapport est de 1125/150 = 7,5. (On ferait 7,5 fois plus de
pas)
Maintenant voici les données suivantes :
- L'image de la France que vous voyez en haut à gauche
fait 150 pixels
- Limage de la France que vous ne voyez que partiellement (Sud
Est de l'Angleterre) en haut à droite fait 1125 pixels.
Si vous déplacez le carré noir de 1 pixel vers
la droite, comme limage sur la quelle vous vous déplacez
("petite France") est 7,5 fois moins grande que la "grande
France", vous devez déplacer limage de la "grande
France" 7,5 fois plus".
Petit détail, il faut la déplacer dans le sens
opposé. Et comme en maths, on obtient l'inverse d'un nombre
en le multipliant par -1, il suffit de faire ça.
Voilà en gros, le raisonnement qu'il faut suivre.
Dans le code, vous pourrez voir qu'on ajoute 170 en X. Oui, la
grande image doit se caler à 170 pixels par rapport au
bord gauche de la scène.
Maintenant voyons comment réaliser cette animation.
Déplacer un movie clip puis positionner un autre par
rapport à celui que vous venez de déplacer.
- Voir comment déplacer un objet sur la scène
(cf. Occurrence
mobile - Cliquez ici)
- Créer plusieurs calques.
- Placer un movie clip représentant la grande image
que vous verrez partiellement (grossie) sur la calque "Grande"
- Placer un graphique représentant la petite image
sur laquelle vous allez faire un zoom, sur le calque "Petite"
- Placez un bouton imbriqué dans un movie clip qui
représente le cadre. Pour pouvoir déplacer un
cadre sur la scène, l'étape 1 de cette technique
vous a montré comment rendre une occurrence mobile
sur la scène.
- Double-cliquez sur l'occurrence du cadre et nommez la "cadre"
- Double-Cliquez sur l'occurrence de la grande image (le
movie clip) et nommez la "grande"
- Créer à présent un "moteur"
(Copyrigth © Yazo). C'est à dire un movie clip
comprenant deux images. Placer ce movie clip sur la scène.
(La deuxième image du clip doit contenir le code suivant
:
Set Property ("../grande", X Position) = 170+((getproperty("../cadre",_x)*7.5)*-1)
Set Property ("../grande", Y Position) = ((getproperty("../cadre",_y)*7.485380117)*-1)
Soit :
- Attention : Vous devez remplacer 170 par la distance (exprimée
en pixels) qui sépare le bord gauche de la scène
et le bord gauche de votre grande image (le movie clip).
Je sais, c'est pas facile, mais en téléchargeant
le .fla, et en relisant ces 8 étapes une dizaine
de fois, vous devriez y arriver.
Bon courage à tous.
Avis à la classe des CRMA de l'école des Gobelins.
"Oui les gars, vous pouvez remplacer la carte de la France
par celle que vous voulez..." David.(Yazo)
