Inicio de sesión

RSS

Distribuir contenido

En línea

En este momento hay 1 usuario y 7 invitados en línea.

Rotación de un MovieClip con aceleración

Vamos a crear un MovieClip o Clip de película que rotará sobre sí mismo acelerándose y frenándose 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 < 1) {
cambio = 1;
}
}
}

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í. Necesitas estar registrado para descargar el ejemplo.

Autor
AdjuntoTamaño
movieclip.zip4.47 KB

Enviar un comentario nuevo

El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <i> <b> <h2> <h3> <tt> <blockcode>
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]". PHP source code can also be enclosed in <?php ... ?> or <% ... %>.
  • Saltos automáticos de líneas y de párrafos.
  • Every instance heading tags will be modified to include an id attribute for anchor linking.
  • Se pueden agregar imágenes a este envío.
  • Every instance of "<!--tableofcontents-->" in the input text will be replaced with a collapsible mediawiki-style table of contents. Accepts options for title, list style, minimum heading level, and maximum heading level as follows: <!--tableofcontents list: ol; title: Table of Contents; minlevel: 1; maxlevel: 3;-->. All arguments are optional and defaults are shown.

Más información sobre opciones de formato

CAPTCHA
Esta pregunta es para verificar que eres humano y así mismo eviar el SPAM.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.

Publicidad