Cuando deseamos crear una pagina en flahs que se adapte a toda la pantalla como www.fento.com.mx

Nos topamos con una Interrogante , como hacer para que la resolucion del monitor y  las barras del navefgador (internet Explorer, o Firefox) no nos limiten y no tengamos que hacer una pagina por cada tipo d emonitor, esto es relativamente sencillo,  esto tendra que ver con los parametros que   estan dentro de la pagina HTML donde esta incrustado nuestra pelicula, de la cual solo deberemos modificar ciertos parametros para poder hacer que ocupe toda la pantalla.

Por lo tanto necesitaremos modificar ciertas lineas e insertar otras, el primer paso es hacer que la pagina no tenga bordes, esto se puede hacer con html dentro del body

dentor de la etiqueta pondriamos asi

Código :

body topmargin="0" leftmargin="0"

sin embargo esto ya es un metodo antiguo, asi que utilizaremos CSS , para poder ampliarlo y quitar los margenes

asi que teclearemos esto antes de la etiqueta </head>

<style type=”text/css”>

html body {
height:100%;

padding:0;

margin:0;

}

y por ultimo modificaremos los parametros del objeto flash insertado dentro de la pagina

Dentro de las etiquetas <objet> encontraras estos parametros repetidos dos veces width y height, a estos le deberas cambar los aprametros que tiene asignados, los cuales son el tamaño de la pelicula, por el porcentaje del 100% para que se ajuste a toda la pantalla. quedando asi las dos veces que se repite

Código :

width="100%"  height="100%"

con esto tu pelicula quedara a todo lo ancho y largo , sin embargo si quieres que se respeten el tamaño de los elementos de tu pelicula sin importar que amplies el tamaño de la pelicula , entonces necesitaras leer el tutorial de diagramacion liquida que sacare despues

Si te sirvio este post y quieres divertirte un poco ahora da click aqui y Visita Soportalo.com Post nuevos todos los dias

En varias páginas he utilizado el efecto de dibujar una foto y luego aparecerla o hacerla visible. Este es un efecto bastante simple y muy vistoso.

Lo primero que haremos es importar una imagen ( Ctrl + r ), luego la seleccionamos y la convertimos en MovieClip ( f8 ). Esta es la imagen que utilizaré para aplicarle el efecto:

Generamos cuatro capas arriba de la capa de la imagen y bloqueamos ésta última.

Ahora haremos lo siguiente:
Trazaremos los contornos de la foto en cuatro modos, dos para horizontales y dos para verticales, yo recomiendo que se haga espaciando entre capas, me refiero a que dibujamos una línea horizontal en la dos, la siguiente en la tres, la siguiente en la dos y así. Hacemos lo mismo con las líneas verticales.

Una vez terminado debe quedarnos el trazo de la foto encima de ésta. Para comprobar si las líneas corresponden con exactitud a la imagen, podemos ocultar la capa para ver bien el trazado.

Un vez hecho esto generaremos una capa encima de cada una de las capas que contienen las líneas para crear las máscaras para el efecto.

Hasta este momento la línea de tiempo nos debe quedar de esta manera:

En el ejemplo nombraremos las capas así:
La que contiene la imagen: foto.
Las que contienen las líneas comenzarán con: Lin.
La H refiere a las lineas y máscaras horizontales y la V a las líneas y máscaras Verticales.
Msk refiere a que contiene la máscara correspondiente a esa capa.

Después crearemos un cuadrado en las capas de máscara y generaremos una interpolación, la cual llevará el cuadro de afuera hacia adentro, combinado las dos horizontales y las dos verticales al mismo tiempo para no sobrecargar el procesador.

Estas irán de la siguiente manera:

Como vemos, de afuera hacia adentro, quedando las interpolacioens así, y en vertical lo mismo, sólo que en sentido vertical.

Acá podemos ver la versión final:

Veamos algunos detalles:

Las capas tienen los fotogramas claves ubicados de acuerdo al orden de aparición: primero los horizontales y después los verticales, lo que se mueve es la máscara, las lineas quedan estáticas.
Las líneas abarcan un poco del efecto de aparición de la imagen para darle continuidad, sin embargo no abarcan al final ,y el efecto de la interpolacion de la foto debe hacerse desde un alfa 0% a alfa 100%, después siguen 4 fotogramas claves, cada uno de los cuales llevará un diferente efecto de brillo siendo el orden así:
el primer fotograma clave: brillo 80%
el segundo fotograma clave: brillo 0%
el tercer fotograma clave: brillo 80%
y por último el cuarto fotograma clave: brillo 0%

y en éste último fotograma puse en las acciones ( f9 ) un stop(); para que ahí se detenga y se aprecie la animación.

Es muy importante trabajar con cada capa individual, lo que yo recomiendo es bloquear todas y desbloquear solamente la que vamos a trabajar para que no movamos otros objetos que no corresponden.

El efecto final queda así:

Cuando creamos un clip dentro de Flash se manejan profundidades por lo tanto si el ultimo que creaste si lo pones encima de otro aparecera enfrente de el , para poder manejar quien aparecera en frente en tiempo de ejecucion Manejaremos las propiedades de profundidad

getNextHighestDepth()

y swapDepths

de las cuales la primera optiene la profundidad mas alta , y la segunda establece en que profundidad aparecera

por lo tanto si creamos dos clips y le damos nombre de instancia cl1 y cl2 para alternarlos deberemos de pones en codigo

Código :

cl2.swapDepths( cl2._parent.getNextHighestDepth() );

y para el clip 1

Código :

cl2.swapDepths( cl2._parent.getNextHighestDepth() );

lo que hacen estas funciones es obtener la profundidad mas alta y establecercela de el clip determinado

Para ocultar una pelicula dentro de flash , tendremos primero que asignarle un nobmbre de instancia al clip, en caso de tenerlo no tenemos mas que dentro del menu de acciones (f9) asignarle falso a la propiedad _visible

Código :

NombreDeInstancia._visible=false

y listo

yo puse esto dentro de un boton y le asigne que cuando se presionara el clip desapareciera

Código :

on (release){
	cl._visible=false;
	}

y lisot funciona para desaparecer , para descargar debemos utilizar unloadMovie

Para empezar crearemos un cuadrado

lo seleccionaremos y presionaremos F8 para que nos salga el menu de objetos

seleccionaremos boton, para hacerlo mas facil, se puede con clip pero en este caso haremos con boton para simplificarnos la vida

seleccionamos el objeto tipo boton y abrimos la ventana de Acciones con F9Donde colocaremos este codigo

Código :

on(rollOver){
   Mouse.hide()
   
   }

on(rollOut)
{
   Mouse.show()
   }

y listo podremos publicarlo con f12

ahora analicemos el codgio

en la primera parte

Código :

on(rollOver){

detecta cuando el mouse pasa por encima del boton lo cual hara que la condicion se cumpla y entonces ejecutar el codigo

Código :

Mouse.hide()

en esta parte estaremos invocando a el objeto Mouse ya predefinido en flash con la funcion hide, tambien predefinida, lo que hara sera esconder el puntero del mouse, sin embargo seguira mandando las coordenadas del puntero

en la siguiente parte se detectara cuando el mouse haya salido del area del boton

Código :

on(rollOut)

y por lo consiguiente ejecutar otra funcion del objeto Mouse para mostroarlo

Código :

Mouse.show()

y listo!!1 Hemos mostrado y ocultado el puntero del mouse en flash, parece muy sencillo pero es la base de muchos tutoriales que escribire