Scour Design. Tutoriales de Flash, ActionScript, CSS, Photoshop, ImageReady...

Rotación de un MovieClip con aceleración

Autor: Carlos Carmona

Resultado

Vamos a crear un MovieClip o Clip de película que rotará sobre sí mismo acelerandose y frenandose jugando con la propiedad _rotation.

Abrimos una película de flash en blanco, y dibujamos o importamos el objeto al que queremos dar el efecto. Lo seleccionamos y apretamos F8 para convertir en clip, le damos un nombre y nos aseguramos que está seleccionada la opción de Clip de película.

Ahora hay que meter el código, hacemos click derecho del ratón sobre el clip y le damos a acciones, y metemos éste código (el código ya viene comentado):

//Al cargar el clip, nos declaramos 2 variables
onClipEvent (load) {
        //La que dará la velocidad de giro.

        var velocidad = 1;
        //La que controlará cuando acelerar y cuando frenar. Es de tipo Booleano.
        var cambio = 1;
}
//Este código se ejecuta cada vez que entra un nuevo fotograma.
onClipEvent (enterFrame) {
        if (cambio == 1) {
                //Si la variable cambio está a 1, le vamos dando velocidad.

                this._rotation += velocidad;
                //Incrementamos en cada pasada la velocidad en 1
                //para que vaya cada vez más rápido
                velocidad++;
                //Comprobamos si la variable velocidad ha llegado a 360
                //que es el tope de velocidad que le hemos dado.
                if (velocidad > 360) {
                        //Si ha llegado ponemos la variable cambio a 0

                        //así entramos en el else de más abajo.
                        cambio = 0;
                }
        } else {
                //si cambio no es igual a 1, es decir, si vale 0.
                //al clip le restamos la velocidad, con lo que lo vamos
                //frenando y además le cambiamos el sentido de giro.
                this._rotation -= velocidad;
                //decrementamos la velocidad en 1.

                velocidad--;
                //y hacemos la misma comprobación que antes, pero al revés.
                //si velocidad es menor que 1, ponemos cambio a 1, y entonces
                //volvemos a empezar a acelerar el MovieClip
                if (velocidad 
Este tipo de efecto, para texto, se ha puesto muy de moda en las intros, eso si, tardando menos en terminar una aceleración y desaceleración, si se quiere variar el tope de la variable velocidad por una cantidad inferior a 360, o en puesto de incrementar y decrementar en 1 la variable velocidad, (velocidad++ y velocidad--), que sean varios de golpe, por ejemplo velocidad += 5 y velocidad -= 5. Ir probando convinaciones.
Si lo deseas, puedes descargarte el archivo del ejemplo aquí.
Un saludo.


Este tutorial está bajo licencia CopyLeft. Se permite por tanto su libre copia y distribución a condición de poner el nombre del autor y un enlace a www.scourdesign.com
  
Respete por favor estas simples condiciones para que todos podamos ganar con la licencia CopyLeft.