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
Comentarios
Qué opinas sobre este artículo ?, dejanos tu opinión . Tienes algo que agregar ? hazlo ahora.
Trackbacks & Pingbacks
Comentarios
Deja tu comentario
Las líneas y párrafos son automaticas, el e-mail no se despliega nunca, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
A para fotitos heeeeee
No pues ya cale tu codigo y si funciona
me parece chido el efecto y mas cuando tienes 2 imagenes semajantes nomas que una vestidita y la otra desvestida.
muy bueno tio
. thanks.
excelente tu trabajo es lo mejor ,ojala puedas hacer un ejercicio con sonido