Unidad 23. Ejercicio paso a paso: Movimiento en espiral

Objetivo

Reproduciremos la película que puedes ver a continuación:

Ejercicio paso a paso

  1. Abre el archivo espiral.fla que encontrarás en la carpeta ejercicios/espiral del curso.
  2. Haz clic en el fotograma 2 de la capa acciones.
  3. Abre el Panel Acciones pulsando la tecla F9.
  4. Escribe lo siguiente, a continuación del stop() que encontrarás:
  5. var velocidad:Number = 0.2; 
    
    var distancia:Number = 5; 
    
    var recorrido:Number = 30;
    miBoton.addEventListener("click", coemnzar);
    
    function comenzar(event) {
    
    	gotoAndPlay(1);
    
    	
    
    }
    
    bola.addEventListener(Event.ENTER_FRAME, movimientoEspiral);
    
    function movimientoEspiral(event) {
    
    	if (recorrido>0) {
    
    		var i:Number=distancia*recorrido;
    
    		bola.x=Math.round(i*Math.cos(recorrido))+400/2;
    
    		bola.y=Math.round(i*Math.sin(recorrido))+400/2;
    
    		recorrido-=velocidad;
    
    
    
    		var radianes:Number = Math.atan2((bola.x-400/2), (bola.y-400/2));
    
    		var grados:Number = Math.round(radianes*180/Math.PI);
    
    		bola.rotation=- grados+5;
    
    
    
    		bola.scaleX=recorrido/30;
    
    		bola.scaleY=bola.scaleX;
    
    	}
    
    }

Como puedes ver calculamos el ángulo de la bola respecto al centro de la pantalla, le damos un desajuste de 5 grados para que parezca más real.

En cuanto a la escala puedes ver que va en relación al recorrido.

El movimiento de la bola lo hemos sacado de la fórmula de la espiral de Arquímedes. Podrás encontrar información sobre ella en la red.

   Inicio