La tecnologia Flash permet crear llocs web sencers i els seus elements individuals: menús, capçaleres, etc. Podeu afegir un mapa Flash a la vostra pàgina web.
Necessari
Adobe Flash CS3
Instruccions
Pas 1
Prepareu gràfics per a la targeta flash. Tingueu en compte que els gràfics vectorials són més compactes i us permeten crear una pel·lícula més petita. Per tant, dibuixeu el mapa amb un editor d'imatges vectorials com Adobe Illustrator. Deseu el fitxer gràfic resultant per crear una targeta flash.
Pas 2
Inicieu Adobe Flash CS3, importeu el fitxer a l'escena. Convertiu les capes del mapa en flash; per a això, marqueu la casella que hi ha al costat del camp Col·loca objectes a la posició original en importar-les. Després d'això, veureu un conjunt d'objectes a l'escena.
Pas 3
Editeu-los: afegiu fronteres. Feu doble clic a l’objecte, accediu al mode d’edició i, a continuació, agafeu l’eina Botella de tinta, ompliu les vores amb un color diferent del fons. Repetiu aquesta acció per a tots els objectes del mapa.
Pas 4
Convertiu els objectes creats en una única imatge vectorial, per a això utilitzeu l’operació Separa. A continuació, creeu clips o sprites a partir dels objectes, assigneu un nom a cadascun per fer-hi les accions necessàries mitjançant scripts. Seleccioneu les vores de les regions i converteu-les en un sol clip, col·loqueu-lo a la capa que hi ha sobre els clips amb regions.
Pas 5
Escriviu un codi per a la vostra targeta, per a això, ressalteu les parts principals de la targeta. Com a regla general, es tracta d’àrees o regions i el seu comportament és el mateix. Per tant, escriviu una classe Region que implementi el comportament de tots els objectes. A continuació, adjunteu la classe als símbols de la biblioteca.
Pas 6
Carregueu les dades XML, inicialitzeu els objectes del mapa interactiu amb elles: acoloreu les regions, configureu les àrees que respondran a un clic del ratolí. Per fer-ho, utilitzeu la creació d’una classe Xml que carregui el fitxer de dades i el processi.
Pas 7
Creeu una nova capa al fitxer amb gràfics, poseu-hi el codi que inicialitzarà el mapa: carregueu dades, prepareu els objectes mostrats per treballar. Després de descarregar les dades, la targeta s’iniciarà i funcionarà. Es pot veure un codi de mostra a
