Descubrir Imagen Con Action Script en Flash 8

Hola estimado y muy querido cybernauta, estas apunto de internarte en las profundidades del mundo Flash 8. El tutorial que a continuación se presenta es el uso de dos imágenes, y una de ellas interactúa como una máscara para descubrir la segunda imagen. El desplazamiento que sigue la máscara para descubrir la segunda imanen esta programado con unas cuantas líneas de código action script, y sin más preámbulos. Good luck!!¿Comenzamos?.

1-. Comenzar por hacer el documento (Ctrl. + J) de dimensiones 350 * 500 píxeles de ancho y alto respectivamente.
a)-. Utilizar como color de fondo #FFFFFF.
b)-. Usar como velocidad de fotogramas 12 fps.

2-. Crear el único símbolo (Ctrl. + F8) de que consta el tutoral.
a)-. Colocar como nombre máscara.
b)-. Dar como Tipo Clip de película.

3-. Colocado en el símbolo dibujar un rectángulo.
a)-. Las características del rectángulo son, sin borde y el color de relleno #FFFF00.
b)-. Las dimensiones son 350 * 500 píxeles de ancho y alto.
c)-. Colocar la forma en coordenadas X = 0.0 y Y = 0.0.

4-. Regresar a la Escena.
a)-. Cambiar el nombre de la capa por el de imagen 01.
b)-. Importar (Ctrl. + R) la primera imagen de dimensiones 350 * 500 píxeles.
c)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0.

5-. Insertar una segunda capa y nombrarla imagen 02.
a)-. Ocultar la capa imagen 01, si posees experiencia con manejo de capas puede o no ocultar capas ¡ok!.
b)-. Importar (Ctrl. + R) la segunda imagen de dimensiones 350 * 500 píxeles.
c)-. Colocar la imagen en coordenadas X = 0.0 y Y = 0.0

6-. Insertar otra capa y nombrarla máscara.
a)-. Arrastrar desde la biblioteca el símbolo máscara.
b)-. Colocar como Nombre de instancia mask.
c)-. Colora el símbolo en coordenadas X = 0.0 y Y = 0.0

7-. En este paso convertir la capa en máscara.
a)-. Hacer clic en la capa máscara con el botón derecho del ratón.
b)-. En el menú desplegado seleccionar la opción Máscara.

8-. Insertar la última capa en la cual se insertara el código action script.
a)-. Nombrar a la capa acciones.
b)-. Seleccionar el fotograma y abrir el panel de Acciones – fotograma e insertar el código action script.

mask.onEnterFrame = function() {
if (this._width+this._x<_xmouse ) {
if (this._width+this._x>=_xmouse-500 || this._width+this._x == _xmouse) {
this._x = _xmouse-this._width;
}
} else if (this._width+this._x>_xmouse) {
this._x = _xmouse-this._width;
}
};
Con este paso queda concluida la explicación del tutorial well done!!

Visualizar el archivo swf de este tutorial

Descarga el archivo fla de este tutorial

Artículos relacionados:

• Descubrir una Imagen por Medio de Cuadros en Flash 8
• Sistema de Auto Evaluación con Action Script en Flash 8
• Rotar un Texto con Código Action Script
• Programar un Rebote con Action Script en Flash