En el CD (\brujulavirtual\Animaciones\animaciones\) encontrará el archivo con el nombre

Ruta_Nueva.fla en formato Flash, con la plantilla inicial que usted debe respetar, para no perder
lo estándar del diseño del Sistema de Información.
Edite el archivo y guarde con el nombre del sitio al cual le realizo la ruta.

PASO 2. CAPAS.

Usted encontrara con 3 capas en la línea de tiempo denominadas "Menú", " Mapa" y "Fondo"

Imagen 1

PASO 3. EDITAR LA CAPA MENÚ.

Imagen 2

24
 1. Seleccione el clip de película menú y haga doble clic sobre.

2. Seleccione el botón Bnt_Transporte de la biblioteca en carpeta menú. Ubíquelo en la

capa botones en la posición X= 16.1, y= 52.4

Abra la ventana de Acciones escriba el código

on (press) {
_root.Mc_Marco.plano.gotoAndPlay("transporte");
//inicia el recorrido de la animación donde la etiqueta del fotograma sea transportes
}

3. Seleccione el botón Bnt_Aeropuerto de la biblioteca en carpeta menú. Ubíquelo en la

capa botones en la posición X= 16.1, y= 87.8

Abra la ventana de Acciones escriba el código

on (press) {
_root.Mc_Marco.plano.gotoAndPlay("aeropuerto");
//inicia el recorrido de la animación donde la etiqueta del fotograma sea
aeropuerto
}

PASO 4. EDITAR LA CAPA MAPA.

1. Seleccione el clip de película Mc_Marco y haga doble clic sobre.

2. Seleccione la capa acciones el primer fotograma. Abra la ventana de Acciones escriba el

código

stop();
ayuda._visible = false;

3. Seleccione el fotograma número 3 de la capa acciones. Abra la ventana de Acciones

escriba stop();

4. En la capa ayuda ubique el clip de película Mc_ayuda. asígnele el nombre de instancia

͞ĂLJƵĚĂ͟ al clip

5. En la capa Zoom_MSJ_Informacion en el primer fotograma ubíquelos botones

25
x ͞ƚŶsĞƌͺƚŽĚŽ͟ en la posición X= 647.3, y= 311.6. Abra la ventana de Acciones
escriba el código

on (release)
{
plano._x = -40.6;
plano._y = -372.1
plano._xscale = 100;
plano._yscale = 100;
}
on (rollOver)
{
ayuda._visible = true;
ayuda.startDrag(true);
ayuda.gotoAndStop(2);
}
on (release, rollOut)
{
ayuda._visible = false;
ayuda.stopDrag();
}

x ͞ƚŶDĂƐ͟ en la posición X= 647.3, y= 351.7. Abra la ventana de Acciones escriba

el código
on (release)
{
escalaX = getProperty(plano, _xscale);
escalaY = getProperty(plano, _yscale);
setProperty("plano", _xscale, escalaX * 1.200000);
setProperty("plano", _yscale, escalaY * 1.200000);
}
on (rollOver)
{
ayuda._visible = true;
ayuda.startDrag(true);
ayuda.gotoAndStop(3);
}
on (release, rollOut)
{
ayuda._visible = false;
ayuda.stopDrag();
}

26
 x ͞ƚŶ DĞŶŽƐ͟ en la posición X= 647.3, y= 391.1. Abra la ventana de Acciones
escriba el código

on (release)
{
escalaX = getProperty(plano, _xscale);
escalaY = getProperty(plano, _yscale);
setProperty("plano", _xscale, escalaX * 0.900000);
setProperty("plano", _yscale, escalaY * 0.900000);
}
on (rollOver)
{
ayuda._visible = true;
ayuda.startDrag(true);
ayuda.gotoAndStop(4);
}
on (release, rollOut)
{
ayuda._visible = false;
ayuda.stopDrag();
}
6. en fotograma número 3 de la capa Zoom_MSJ_Informacion. Seleccione de la biblioteca
el clip de película Msg_Informacion Sitio Ubíquelo en la posición X= 33.0, y= 23.1.

7. En la capa mapa del clip de película Mc_Marco asígnele el nombre de instancia ͞ƉůĂŶŽ͟
al clip. Abra la ventana de Acciones escriba el código

onClipEvent (mouseDown) {
if (this.hitTest(_root._xmouse, _root._ymouse, false)) {
this.startDrag();
}

}
onClipEvent (mouseUp) {
this.stopDrag();
}

27
PASO 5. COMO AGREGAR PUNTO DE PARTIDA Y LLEGADA (SEÑALAR UBICACIÓN EL SITIO).

Ruta para acceder al clip de película. Marco>> Ruta >>

Imagen 3

1. Inserte un nuevo fotograma en la capa mapa. Señale el punto de partida.

x Salida desde el Aeropuerto: Seleccione de la biblioteca en la carpeta iconos el clip

de película Aeropuerto ubíquela la posición X= 37.2, y= 1001.0 en la capa Mapa
del clip de película ruta.

x Salida desde el Transporte: Seleccione de la biblioteca en la carpeta iconos el clip

de película Transporte ubíquela la posición X= 268.9, y= 582.1 en la capa Mapa
del clip de película ruta.

2. Seleccione de la biblioteca en la carpeta iconos el clip de película llegada ubíquela en el

punto exacto en la capa Mapa del clip de película ruta.

x Cambie el texto del clip por el nombre del sitio.

x Abra la ventana de Acciones escriba el código:
On (press) {
_root.Mc_Marco.gotoAndPlay("msj");
//al presionar visualiza el mensaje de información sito
}

28
PASO 6. COMO TRAZAR LA RUTA.

Ruta completa para acceder al clip de película. Marco>> Ruta >>

1. Ubíquese Dentro del clip de película ruta en la capa guía

2. dibuje una línea hasta el punto de llegada por la cual se desplazará el Carro.
3. ƚŝƋƵĞƚĞĞůĨŽƚŽŐƌĂŵĂĐŽŶĞůŶŽŵďƌĞ͞ĂĞƌŽƉƵĞƌƚŽ͟Ž͞ƚƌĂŶƐƉŽƌƚĞ͟ĚĞƉĞŶĚŝĞŶĚŽĚĞůĞů
punto de partida

Imagen 4

4. Seleccione en el primer fotograma de la capa Animación_Carro ubique el Carro al

comienzo de la línea.

5. en el último Fotograma clave, ubicamos el carro al final de la línea.

6. haga clip derecho sobre la línea de tiempo de la capa Animación_Carro y seleccione

crear Interpolación de movimiento.

7. Use la opción de las herramientas de transformación libres (rotar, sesgar, escalar, etc.)
e inserte fotogramas claves para ajustar el carro a la dirección de la línea guía.

29
 Imagen 5

Nota: Cuanto más fotogramas existan más duración tendrá la animación del carro

30
PASO 7. MODIFICAR LA INFORMACIÓN DEL SITIO.

1. Seleccione de la biblioteca el clip de película Msg_Informacion Sitio.

Imagen 6

2. Seleccione el ultimo fotograma de la en la capa Información modifique el texto con

información básica del sito.

31
 Imagen 7
3. Seleccione el ultimo fotograma de la en la capa Información haga doble clic sobre el clip
de película imágenes.

4. Dentro del clip imágenes, importe en cada fotograma de la capa imágenes las
fotografías del sitio una diferente en cada fotograma.

5. Coloque cada fotografía en la posición X= 0.4, y=0.3, Ancho =335.6 y Alto=267.6

6. Seleccione el botón siguiente de la biblioteca carpeta Información Sitio. Ubíquelo en la

capa de la controles en la posición X= 314.1, y= 255.4, Ancho =14.6 y Alto=9.4.

Abra la ventana de Acciones escriba el código

on (press) {
gotoAndStop(2);
}

7. Seleccione el botón atrás de la biblioteca carpeta Información Sitio. ubíquelo en la

posición X= 314.1, y= 255.4, Ancho =14.6 y Alto=9.4 en la capa de la controles.

Abra la ventana de Acciones escriba el código

on (press) {
gotoAndStop(1);

32
 }

8. haga clic fotograma 1 de la capa de acciones y abrir la ventana de Acciones, escriba el

código stop();

33