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 :

Rectangle    Transform

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 :

image    Transform

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 :

Sprite    Transform

5 - Créez maintenant un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil reshape
Vous devez avoir bouton droit C'est le bouton droit.

Shape    Transform

6 - Créez ensuite un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil reshape
Vous devez avoir bouton gauche C'est le bouton gauche.

Shape

7 - Créez ensuite un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil reshape Vous devez avoir bouton bas C'est le bouton du bas.

Shape

8 - Créez ensuite un rectangle, de couleur #FFCC00, puis déformez le en triangle avec l'outil reshape Vous devez avoir bouton haut C'est le bouton du haut.

Shape

9 - Vous allez maintenant créer le viseur. Créez d'abord un rectangle border
Vous devez avoir :

Rectangle    Transform

10 - Créez ensuite une ligne verticale lineV. Vous devez avoir :

ligne    Transform

11 - Puis une ligne horizontale lineH. Vous devez avoir :

ligne    Transform

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

Transform

13 - Créez maintenant le texte Reset, de couleur #FFFF00. Convertissez le en bouton, nommé zoomout Vous devez avoir :

texte    Transform

Outline doit ressembler à

Transform

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.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.033 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google