© Stelios Kourakis 2005

< indice de programación

Movie Clips y la Línea de Tiempo

En la Introducción a Flash hemos visto los clips de pelicula (movie clips), como autocontenidas piezas de animación. Aparte de contener animaciones, los clips de pelicula son la herramienta principal de programación visual en ActionScript. Manipulando los parametros de los clips de pelicula podemos conseguir efectos como un movimiento por la pantalla (desplazando sus coordenadas en cada fotograma), transparencia (aumentando o disminuyendo su opacidad) y muchos mas efectos dinamicos que veremos de aqui adelante.

Cada clip de pelicula tiene un simbolo correspondiente en la Biblioteca de nuestra pelicula. Podemos tener varias copias, llamadas instancias, en cada escena. Via ActionScript podemos tambien crear nuevas instancias y manipularlas dinamicamente, un tema que se trata en una sección siguiente.

Los clips de pelicula tienen una serie de propiedades que podemos manipular con ActionScript. Estas son:

Propiedad	Descripción	Valores
_x	Coordenada horizontal	posición del clip en píxeles desde el 0,0 del clip contenedor (o de la esquina superior izquierda de la pelicula principal, si el clip no está dentro de otro clip).
_y	Coordenada vertical
_width	Ancho	en pixeles
_height	Alto	en pixeles
_name	nombre del clip	asignado desde el Inspector de Propiedades, o bien via código
_xscale	Escalamiento horizontal	en porcentaje, 100 es sin ningun escalamiento
_yscale	Escalamiento vertical
_alpha	opacidad	0 es completamente transparente, 100 completamente opaco
_visible	visibilidad	true - el clip está visible, false - está invisible
_rotation	rotación	en grados (0 sin rotación, 90 grados rotado dirección contrarreloj, 180 tumbado etc)
_xmouse	coordenada horizontal del cursor	coordenadas del cursor respeto al 0,0 de este clip.
_ymouse	coordenada vertical del cursor
_currentFrame	el fotograma actual	el numero de fotograma donde se encuentra este clip en su propia líne de tiempo (el primer fotograma es el 1)

 

Los clips de pelicula también nos ofrecen unas funciones para manipularlos.

Función	Descripción
gotoAndStop(fotograma)	ves a un determinado fotograma de la linea de tiempo del clip y detente
gotoAndPlay(fotograma)	ves a un determinado fotograma de la linea de tiempo del clip y empieza a reproducir

 

Práctica: Describir un Clip de Pelicula

Vamos a poner estos conceptos en práctica en una pequeña práctica. Creamos un nuevo clip de pelicula, lo posicionamos en la escena y lo llamamos "clip". Luego imprimimos estas propiedades: posición (x,y), ancho y alto, escalación horizontal y vertical, rotación y transparencia.

mensaje += "Mis coordenadas son: "+clip._x+", "+clip._y+"\n\n";
mensaje += "Mi ancho es "+clip._width+" y mi alto "+clip._height+" pixeles.\n";
mensaje += "Escalacion horizontal: "+clip._xscale+" %.\n";
mensaje += "Escalacion vertical: "+clip._yscale+" %.\n\n";
mensaje += "Estoy rotado "+clip._rotation +" grados.\n";
mensaje += "Transparencia a "+clip._alpha+" %."
trace (mensaje);

Colocamos el clip en cualquier sitio, le aplicamos alguna rotación, escalación o cambio de transparencia y ejecutamos la pelicula. Luego cambiamos alguno de estos valores y volvemos a ejecutar la pelicula. Una posible ejecución podria imprimir algo así:

Mis coordenadas son: 241.9, 39.6 Mi ancho es 67.15 y mi alto 72.15 pixeles. Escalacion horizontal: 138.37890625 %. Escalacion vertical: 138.37890625 %. Estoy rotado 0 grados. Transparencia a 100 %.

 

 

 

< indice de programación