Unidad 22. Ejercicio paso a paso: Rotación

Ejercicio paso a paso.

  1. Abre el archivo movimiento_rotacion.fla que encontrarás en la carpeta ejercicios/movimiento_rotacion.


  2. Observa que al clip le hemos dado el nombre de instancia miClip. Ahora abre el Panel Acciones (VentanaAcciones o pulsando la tecla F9).


  3. Escribe el siguiente fragmento de código:
    		var izquierda:Boolean = false;
    
    		var derecha:Boolean = false;
    
            miClip.x = 30;
    
            
    
            
    
            miClip.addEventListener(MouseEvent.MOUSE_UP,rot);
    
    		function rot(event:MouseEvent):void{
    
                if (miClip.x <= 30) {
    
                    miClip.rotation = 10;
    
                    derecha = true;
    
            }
    
                if (miClip.x >= 515) {
    
                    miClip.rotation = -10;
    
                    izquierda = true;
    
                }
    
            }
    
            miClip.addEventListener(Event.ENTER_FRAME,para)
    
    		function para(event):void{  
    
                if (derecha) {
    
                    if (miClip.x < 515) {
    
                        miClip.x = miClip.x + 6;
    
                    }
    
                    else {
    
                        miClip.rotation = 0;
    
                        derecha = false;
    
                    }
    
                }
    
                if (izquierda) {
    
                    if (miClip.x > 30) {
    
                        miClip.x = miClip.x - 6;
    
                    }
    
                    else {
    
                        miClip.rotation = 0;
    
                        izquierda = false;
    
                    }
    
                }
    
            }

  4. Estaremos listos, podrás previsualizar la película pulsando Ctrl+Enter.

Como puedes observar el código es idéntico al anterior pero cambiando las sentencias de salto de fotograma por cambios de rotación en el clip.

   Inicio