Flash ActionScript 3 scaleY para abrir un sobre

• Abril 19, 2024

Ahora que hemos programado la solapa del sobre en nuestro Flash^R para que la animación aparezca completamente abierta sobre el sobre cuando se hace clic en el botón de sello, necesitamos refinar la animación para que parezca que la solapa se está abriendo lentamente. Haremos esto controlando dos propiedades de la aleta. Recuerde, el objeto newFlap es una variable que hace referencia al clip de película FlapAni en la Biblioteca. Usamos esta var para hacer que la solapa aparezca en el escenario.

Como una revisión rápida, en el último tutorial, programamos una función llamada openFlap para agregar un objeto nuevoFlap a la Lista de visualización. Lo hicimos con el código addChild. También establecemos la posición inicial para las propiedades newFlap.x y newFlap.y. Esto colocó la parte inferior de la solapa en el borde superior del sobre. Como se mencionó anteriormente, sus valores para la posición x e y en el escenario pueden variar según el tamaño y la ubicación de su sobre.

Lo primero que debemos hacer es experimentar para encontrar un nuevo valor de Flap.y que coloque la aleta debajo del borde superior del sobre y, por lo tanto, fuera del alcance de la vista al comienzo de la animación. De hecho, queremos que el punto de la aleta triangular esté justo debajo del borde superior de la envoltura. Mientras está experimentando, puede ser más fácil mover la aleta 100 píxeles hacia la derecha configurando newFlap.x en 300 (una adición de 100). Esto hará que la solapa sea parcialmente visible en el lado derecho del sobre. Después de experimentar, descubrí que lo que necesitaba era un nuevo valor de 200 veces. Esta es nuestra nueva posición inicial para el colgajo. No olvide volver a poner el valor newFlap.x en el valor original antes de pasar al siguiente paso.

1. Necesitamos cambiar el código existente del último tutorial para reflejar nuestro nuevo valor newFlap.y de 200. Pruebe su película después de hacer este cambio y no debería ver la solapa al hacer clic en el botón de sello.
   
   newFlap.y = 200;
   
   Para nuestra animación, queremos que la aleta se mueva lentamente hacia arriba por encima del sobre. Al mismo tiempo, necesitaremos escalar la aleta abierta desde un valor de escala inicial de cero. Al comenzar con la escala establecida en cero, podemos reducir la escala de la aleta para que se abra por completo. El valor y moverá la aleta hacia arriba, pero es el valor de la escala lo que hará que la aleta parezca abrirse.
   
   
2. El próximo cambio en la función será la adición del código que establecerá la escala Y en cero y aplanará la aleta.
   
   newFlap.scaleY = 0;
   
   Ahora tenemos que trabajar en la parte de la animación que abrirá la tapa. Hay varias formas de hacer esto con ActionScript. En este tutorial, usaremos un Event Listener adjunto al escenario para ejecutar una segunda función que llamaremos scaleFlap. Colocaremos esta segunda función dentro de la función openFlap.
   
   
3. Bajo el código scaleY, agreguemos el Event Listener al escenario. Esto es lo que ejecutará la función scaleFlap.
   
   stage.addEventListener (Event.ENTER_FRAME, scaleFlap);
   
   
4. Luego, agregue la segunda función. Copie y pegue este código en la función openFlap.
   
   función scaleFlap (event: Event): void
   {
   if (newFlap.scaleY> = 1)
   {stage.removeEventListener (Event.ENTER_FRAME, scaleFlap); }
   más
   {newFlap.scaleY + =. 05;
   newFlap.y - = 2.9;}
   }
   
   Examinemos el código. La primera instrucción if verificará el valor scaleY para ver si es mayor o igual a 1. El número 1 representa un valor de escala del 100%). Si la condición es verdadera, eliminaremos el Escucha de eventos y detendremos la animación.
   
   Si la condición es falsa, continuaremos la animación aumentando el valor de la escala Y en .05 y moviendo la aleta hacia arriba en un negativo 2.9. (En la etapa Flash, nos movemos hacia arriba disminuyendo el valor numérico de la posición Y). Esto continuará con cada nuevo cuadro hasta que la condición para la declaración if sea verdadera.
   
   Nuevamente, estos valores numéricos pueden ser diferentes para su película debido al tamaño de su sobre y la ubicación de su sobre en el escenario. Aquí está la animación final.

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop, Álbum de Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst y Flash Paper es / es [una] marca registrada [s] o una marca registrada [s] de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: 8. Propiedades width, height, scaleX, scaleY | Hacer Juegos en AS3 Animate (Flash) (Abril 2024).