Share
En este rápido consejo demostraré cómo crear una animación de rizo muy fácil para un anuncio de esquina en su sitio web.
Abra un nuevo archivo Flash de ActionScript 3.0 y cambie sus dimensiones en el panel Propiedades a 250 x 250 px. Establecer la velocidad de fotogramas a 30 fps.
Cree un rectángulo (240 px por 240 px) y colóquelo en las coordenadas (10, 0). Elija la esquina superior derecha y arrástrela hacia abajo hasta que vea el triángulo.
Vaya a la paleta de colores y establezca los gradientes externos en gris oscuro (# A6A6A6). La parada del gradiente medio es más clara (#EEEEEE). Elija la herramienta Bote de pintura y arrastre sobre el triángulo con la tecla Mayús presionada.
Selecciona el triángulo y presiona F8. Nombra este nuevo clip de película "curl" y cambia el punto de registro a la esquina superior derecha.
Editar el rizo objeto. Copie el triángulo en la nueva capa (cambie su nombre a "bcg" para fondo) y girarlo 180 grados. Establezca el color de relleno en gris oscuro (# 333333). Cree una capa duplicada de la capa "bcg" y cambie su nombre a "enmascarar".
Vaya al décimo fotograma y cree fotogramas clave en todas las capas. Haga clic derecho en los primeros fotogramas clave y seleccione Crear interpolación de movimiento. Vaya al primer cuadro y seleccione todos los objetos (Ctrl + A). Elija la herramienta de transformación libre (Q) y hágala más pequeña con la tecla Mayús presionada. Será el estado inicial. Establezca el valor de facilidad en todos los primeros fotogramas clave a 100.
Crea una nueva capa y arrástrala entre las bcg y máscara capas. Nombra "botón". Cree cualquier logotipo o gráfico que desee y conviértalo en un botón (F8). Déle un nombre de instancia "botón". Deja el objeto rizo.
Haga doble clic en el botón Propiedades de capa de la máscara Capa y establece el tipo a "Máscara". Establece el tipo de capa de botón en "Enmascarado".
Crear una nueva capa llamada comportamiento. Ve al décimo fotograma y crea un fotograma clave. Vaya al panel de acciones (F9) y escriba detener();. Haz lo mismo en el primer fotograma clave..
Dale al objeto de rizo en el escenario un nombre de instancia de rizo. En el comportamiento capa en el marco 1, abra el panel de acciones (F9). Ahora queremos que el objeto de rizo escuche cuando el mouse se mueva una y otra vez. Escriba el siguiente código.
curl.addEventListener (MouseEvent.MOUSE_OVER, adelante); curl.addEventListener (MouseEvent.MOUSE_OUT, hacia atrás); función hacia adelante (e: MouseEvent): void stage.removeEventListener (Event.ENTER_FRAME, backAnim); stage.addEventListener (Event.ENTER_FRAME, fwdAnim); función hacia atrás (e: MouseEvent): void stage.removeEventListener (Event.ENTER_FRAME, fwdAnim); stage.addEventListener (Event.ENTER_FRAME, backAnim);
los fwdAnim () y backAnim () Funciones dice que debe ir al cuadro siguiente / anterior cada vez que ingrese un cuadro nuevo. En nuestro caso es de 30x por segundo. Agregue el siguiente código.
función fwdAnim (e: Evento): void curl.nextFrame (); function backAnim (e: Event): void curl.prevFrame ();
Agregue el botón de escucha y cree una función de clic simple.
Accentsconagua
curl.button.addEventListener (MouseEvent.CLICK, clickMe); función clickMe (e: MouseEvent): void var myURL: URLRequest = new URLRequest ("http://www.yourwebsite.com/"); navigationToURL (myURL); Ahora podemos insertar el SWF en una página web.
En la página HTML en la que desea que aparezca su anuncio, incruste el SWF en un div con el identificador de pageCurl.
Adjunte las siguientes propiedades al objeto pageCurl en su archivo CSS. Definen las dimensiones de su porta objetos y fijan su posición en la parte superior derecha de la página..
#pageCurl margen: 0; posición: fijo arriba: 0; derecha: 0; izquierda: auto ancho: 250px; altura: 250px;
¡Eso es! Revise el resultado rodando la esquina superior derecha de la página para revelar su anuncio. Espero que encuentres uso para este Consejo rápido.!
