Cómo crear un mapa interactivo de Estados Unidos en flash

Flash es una herramienta para crear sofisticados contenido basado en web. Es especialmente conocido por sus sofisticadas capacidades de interactividad de usuario. Debido a esto, Flash es perfecta utilizar para tareas interactivas de usuario más complejas; por ejemplo, la creación de un mapa de los EE.UU., donde cada estado se puede hacer clic por separado, y sucede algo diferente dependiendo del estado que se hace clic. Flash hace que sea posible hacer esto de manera rápida y sencilla utilizando sólo una herramienta de lápiz y algo de código "ActionScript".

Instrucciones

1 Ir a las imágenes de Google y escriba "mapa de los estados unidos" en el campo de búsqueda. Descargar la imagen que desea utilizar como su mapa interactivo de Estados Unidos. Tenga cuidado de no utilizar una imagen que tiene restricciones de derechos de autor.

2 En Flash, cree un nuevo documento ActionScript 3.0, vaya a "Archivo", "Nuevo", "Documento de Flash ActionScript 3.0" y haciendo clic en "Aceptar".

3 Haga clic en "Archivo", "Importar ..." y "Importar a escenario ..." y luego navegar hasta el archivo de imagen de mapa de Estados Unidos que ha descargado y haga clic en "Abrir".

4 Desde la barra de herramientas, haga clic en la herramienta "Lápiz" (es fácil de encontrar, sino que tiene un icono de un lápiz). Acercar elementos de un solo estado en el mapa haciendo clic en "Ver" y "Zoom" un par de veces. Poner el color actual de la herramienta de lápiz para el color del contorno que separa cada estado en su imagen (para la mayoría de las imágenes, este color es negro). Usando la herramienta de lápiz, dibujar cuidadosamente un contorno alrededor de un solo estado de su elección. Cuando haya terminado, haga clic en la herramienta "Selección" de la barra de herramientas y haga doble clic dentro del área que acaba de dibujar. El estado será cubierto en pequeños puntos, lo que indica que se ha seleccionado.

5 Haga clic con el estado seleccionado y seleccione "Convertir en símbolo ..." en el menú contextual. Escriba el nombre del estado al lado de "Nombre:" y en "Tipo", seleccione "botón", a continuación, haga clic en "Aceptar".

6 Abrir la ventana Propiedades yendo a "Ventana" y luego "Propiedades". En tipo de "Nombre de instancia" en el nombre del estado.

7 Seleccione el primer fotograma de la película. Abra la ventana de acciones yendo a "Ventana" y luego "acciones". Escriba lo siguiente en el panel Acciones (en sustitución del nombre real del estado de los EEUU en cualquier lugar que se ve "state_name"):
state_name.addEventListener (MouseEvent.CLICK, state_nameButtonHandler);
función state_nameButtonHandler (e: MouseEvent) {
trace ( "state_name Seguido!");
}

8 Probar lo que tiene hasta ahora haciendo clic en "Control" y "Probar película." Haga clic en el estado que ha convertido en un botón. Debería ver "Clicked <estado que ha creado>!" en la ventana de salida.

9 Repita los pasos 4 a 8 para cada estado en el mapa.