Tutorial Para Mover un Objeto con deslizamiento en Flash – Action Script

Logo Flash Codigo

Para mover Obejtos como Imagenes, Vectores o objetos que parecen deslizarse en Flash podemos utilizar el siguiente codigo, elc ual es muy sencillo y adaptable a nuestras necesidades.

Código :

Actionscript:
  1. function Mover(x,y, aceleracion) {
  2. NombreInstanciaClip.onEnterFrame = function() {
  3. this._x += (x-this._x)/aceleracion;
  4. this._y += (y-this._y)/aceleracion;
  5. if (Math.abs(x-this._x)<0.5 && Math.abs(y-this._y)<0.5 ) {
  6. this._x = x;
  7. this._y = y;
  8. delete this.onEnterFrame;
  9. }
  10. };
  11. }

¿Cómo funciona? bueno, pues es bastante sencillo solo necesita tres parámetros, columna, fila, y aceleración,

  • Columna y Fila : es la posición final hacia la cual queramos que vaya este clip, lo interesante aquí es..
  • Aceleración. En que se basa, no es otra cosa mas que los puntos intermedios para llegar a ese punto dividiendo la distancia en varios tramos para hacer la animación fluida, (entre mas puntos, más fluido, pero mas lento)

Código :

Actionscript:
  1. NombreInstanciaClip.onEnterFrame = function() {

Aquí cuando mandamos a llamar a la función, se le asigna al clip un enterframe para que realicé la función en cada iteración, se podría asignar el nombre del clip desde los parámetros, pero lo hago así para que sea más entendible,

Después

Código :

Actionscript:
  1. this._x += (x-this._x)/aceleracion;
  2. this._y += (y-this._y)/aceleracion;

Esto es lo que hace el efecto, en cada iteración divide la distancia final, entre la actual, entre el numero de iteraciones y asigna las nuevas coordenadas a el clip

Código :

Actionscript:
  1. if (Math.abs(x-this._x)<0.5 && Math.abs(y-this._y)<0.5 ) {
  2. this._x = x;
  3. this._y = y;
  4. delete this.onEnterFrame;
  5. }

Esta parte lo único que hace es verificar que la coordenada de el clip tanto x como y no sean menores a 0.5 de diferencia respecto a la coordenada final por que una ves siendo menor, las iteraciones se pueden volver infinitas o mino muy tardadas, por eso en cuanto detecta esa diferencia, asigna las coordenadas finales a el clip y borra este enterframe para que ya no se siga moviendo

Es bastante sencillo pero servirá de base para futuros tutoriales

Post Relacionados :

2 Trackbacks

Puedes enviar un trackback usando esta URL: http://www.soportalo.com/2010/04/28/tutorial-para-mover-un-obejto-con-deslizamiento-en-flash-action-script/trackback/

  1. Por Soportalo en 28 abril 2010 a las 14:27

    [...] Nos Movemos, Puede preguntar sobre este tema en esta entrada en el NUevo Soportalo [Click aqui para ir a el nuevo y mejorado Soportalo] [...]

  2. [...] Mover una imagen con el mouse con deslizamiento Posted by Soportalo in Miércoles, Abril 28th 2010    En este tip mostraré un código para los que necesitan hacer el scroll de una imagen por medio del movimiento del mouse, esto es útil en el manejo de mapas, exploración de imágenes, y varias aplicaciones mas. Primero pondremos este código en el primer frame de la película que sera para lograr el efecto de deslizamiento de la imagen explicado en este tip. [...]

Escribe un Comentario

Tu e-mail nunca será compartido. Los campos requeridos están marcados *

*
*