Zoom et Déplacement sur une carte.
On se propose de se déplacer dans une carte, de cliquer sur un point pour recentrer la carte et éventuellement de zoomer au point sélectionné
par appui sur les touches + et - du clavier.
Cet exemple utilise des scripts assez simples. J'ai directement incorporé la carte dans l'animation.
Naturellement, il serait préférable de l'importer comme image externe.
Je suppose connu les fonctions de création sur lesquelles je n'insisterai pas.
⇒ animation ⇐
Tout d'abord, téléchargez la carte.
Création des Objets
1 - Définissez les dimensions générales 360x270 ainsi que la couleur du fond #000066.
Prenez un Frame Rate quelconque.
2 - Créez maintenant un rectangle de couleur #FFFF99, nommé Mask avec un contour d'épaisseur 1 et de couleur #000000.
Vous devez avoir :
Ce rectangle va servir de masque pour la carte.
3 - Importez maintenant dans l'animation l'image france.jpg
Nommez la themap. Vous devez avoir :
4 - En maintenant la touche MAJ enfoncée, sélectionnez les 2 objets précédents.
Convertissez les en Sprite que vous nommerez map
Cochez Use bottom object as mask. Vous devez avoir :
5 - Créez maintenant un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil
Vous devez avoir C'est le bouton droit.
6 - Créez ensuite un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil
Vous devez avoir C'est le bouton gauche.
7 - Créez ensuite un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil
Vous devez avoir
C'est le bouton du bas.
8 - Créez ensuite un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil
Vous devez avoir
C'est le bouton du haut.
9 - Vous allez maintenant créer le viseur. Créez d'abord un rectangle border
Vous devez avoir :
10 - Créez ensuite une ligne verticale lineV. Vous devez avoir :
11 - Puis une ligne horizontale lineH. Vous devez avoir :
12 - En maintenant la touche MAJ enfoncée, sélectionnez les 3 derniers objets créés.
Groupez les. ( Menu Modify / Group / Group as Group )
Puis convertissez ce groupe en bouton, nommé boutonselect (target coché)
Puis convertissez le bouton en Sprite, nommé lens
13 - Créez maintenant le texte Reset, de couleur #FFFF00. Convertissez le en bouton, nommé zoomout Vous devez avoir :
Outline doit ressembler à
Scripts SwishMax
Voici le script général de Scene_1
Voici le script du bouton zoomout. Ce bouton sert à revenir à l'échelle 1 et à la position précédente.
On agrandit en appuyant sur la touche '+'. On rétrécit si l'image a été agrandie, avec la touche '-'.
Voici le script du sprite lens. La cible disparaît dés qu'elle sort du masque.
Voici le script du bouton topbutton
Voici le script du bouton bottombutton
Voici le script du bouton leftbutton
Voici le script du bouton rightbutton
Et voilà, c'est terminé. Bien sûr, cet exemple est élémentaire. A vous de l'améliorer en important la carte depuis un répertoire pour rendre le fichier SWF moins volumineux.