Comunidad de diseño web y desarrollo en internet online

Crear un Motion Tween en Precarga con AS2

Citar            
MensajeEscrito el 02 Ago 2011 04:04 pm
Muy Buen dia CL:

Mi duda es saber si con este script se pudiera agregar o editar un motion tween en la precarga para que al momento de que la barra este creciendo lo haga con un movimiento suave:

Código ActionScript :

var miPelicula:MovieClip = this;

barracarga._xscale = 1;  
  
var llamarCarga:Number = setInterval(precargaSitio, 10);  
  
function precargaSitio():Void {  
                       var pesoTotal:Number = miPelicula.getBytesTotal();  
                       var cargados:Number = miPelicula.getBytesLoaded();  
                       var porcentaje:Number = Math.round(cargados * 100 / pesoTotal);  
                       barracarga._xscale = porcentaje;  
                       textoPrecarga.text = porcentaje + "%";  
                       if (cargados >= pesoTotal) {  
                                            clearInterval(llamarCarga);  
                                            play();  
                       }  
}


No quiero que lo hagan por mi, quiero que me guien para yo poder hacerlo y entenderlo.

Muchas Gracias.

Por KaNoN-RAW

39 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 02 Ago 2011 05:36 pm
Dado que un Tween puede animar cualquier propiedad, solo tiene que animar la propiedad _xscale como lo har{ias con cualquier otra cosa (busca ejemplos de Tween para guiarte)

Jorge

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 03 Ago 2011 09:53 pm
Encontre lo que me dijiste: Animaciones Dinamicas con Clase Tween de AS2

Lo que he visto (y anteriormente he logrado utilizar en multiples ocaciones) es que con la Clase Tween me serviria y que debo importar el paquete mx.transitions y de aqui mi siguiente duda:

Código ActionScript :

var miPelicula:MovieClip = this;

import mx.transitions.Tween;

barracarga._xscale = 1;


me imagino que en esta parte del script debo agregar el paquete de mx.transitions pero de aqui como hago que "barracarga" pueda tomar la accion de la Clase Tween

Por KaNoN-RAW

39 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Ago 2011 01:59 pm
Pues copypastea cualquier Tween que haya en el tutorial y le cambias los argumentos

import mx.transitions.easing.*;

var miTween:Tween = new Tween(miClip, "_xscale", Regular.EaseIn, miClip._xscale, per, 10, false);

Algo así, el tuto explica que significa cada parametro

Jorge

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 04 Ago 2011 05:53 pm
Entonces utilizando el ejemplo que pusiste lo haria a mi preload pero quedaria asi mas o menos.

Código ActionScript :

var miPelicula:MovieClip = this;

import mx.transitions.Tween;
import mx.transitions.easing.*;

var preload:Tween = new Tween(barracarga, "_xscale", Regular.EaseIn, barracarga._xscale, per, 10, false);

var llamarCarga:Number = setInterval(precargaSitio, 10);  

function precargaSitio():Void {  

                       var pesoTotal:Number = miPelicula.getBytesTotal();  

                       var cargados:Number = miPelicula.getBytesLoaded();  

                       var porcentaje:Number = Math.round(cargados * 100 / pesoTotal);  

                       barracarga._xscale = porcentaje;  

                       textoPrecarga.text = porcentaje + "%";  

                       if (cargados >= pesoTotal) {  

                                            clearInterval(llamarCarga);  

                                            play();  

                       }  

}


barracarga es el nombre de instancia que le di a mi mc

xscale es la accion de hacer crecer en forma horizontal a mi barracarga

Regular.EaseIn es el efecto de suavisado de la accion xscale

pero no comprendo el porque "barracarga._scale, per, 10, false"

el "false" al final del tween lo utilizo cuando quiero que la duracion sea en frames y no en segundos pero que funcion tendria en la precarga, he de imaginar el "per" es la funcion de "porcentaje", pero por que seria 10 si en mi script lo tenia como 1 (yo creo que seria por que si mi barra midiera 100 px estaria creciendo 1 px cada que vaya cargando el porcentaje)

creo que me estoy acercando a lograr lo que quiero xD

Por KaNoN-RAW

39 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Ago 2011 05:54 pm
Podría contestarte, pero lo que preguntas es simple deducción: tienes la descripción completa de los parametros del Tween, sabes con que elementos cuentas en el preload, solo te falta un esfuerzito

Jorge

Por solisarg

BOFH

13669 de clabLevel

4 tutoriales
5 articulos

Genero:Masculino   Bastard Operators From Hell Premio_Secretos

Argentina

firefox
Citar            
MensajeEscrito el 05 Ago 2011 07:01 pm
Me puse analizar lo que me dijiste y a leer donde pudiera estar el error o algo que me faltara.

Código ActionScript :

//coloco de inicio un stop para que detenga la precarga
stop();

//Esta es la variable que declara o identifica mi pelicula
var miPelicula:MovieClip = this;

//Son los paquetes para la clase Tween y con suavisado
import mx.transitions.Tween;
import mx.transitions.easing.*;

//aqui va la funcion del tween
var preload:Tween = new Tween(barracarga, "_xscale", Regular.easeIn, per, 10, false);

//aqui defino la funcion que se ejecuta cada 10 milisegundos y hace el efecto de la precarga
var llamarCarga:Number = setInterval(precargaSitio, 10);  

function precargaSitio():Void {
   //calculamos el peso total de mi archivo
   var pesoTotal:Number = miPelicula.getBytesTotal();  
   //aqui se registra cuanto lleva cargado de mi archivo
   var cargados:Number = miPelicula.getBytesLoaded();  
   //calculamos el porcentaje que lleva cargado
   var porcentaje:Number = Math.round(cargados * 100 / pesoTotal);  
   //aqui la barra de la precarga va creciendo como lo va indicando el porcentaje cargado
   barracarga._xscale = porcentaje;  
   //muestra en un cuadro de texto dinamico el porcentaje cargado con su respectivo simbolo de porcentaje
   textoPrecarga.text = porcentaje + "%";  
   if (cargados >= pesoTotal) {
      //elimino la funcion de carga en esta parte
      clearInterval(llamarCarga);  
      //y finalmente reproducimos el resto de la pelicula
      play();  
      }
}


todo lo entiendo bien pero lo previsualizo y aun asi se ve igual... :?
lo que siento que aun no entiendo en su totalidad la funcion del tween en el preload, porque viendo el tutorial de las clase tween en as2 unicamente viene el objeto que seria el movieclip, la propiedad de su funcion, el metodo de suavisado, donde inicia, donde termina, duracion, y si se reproduce en fotogramas o en tiempo real...
en mi Tween lo tengo practicamente todo, pero siento que me falta algo

aun ando muy pollo para esto pero me esta gustando aprender mas el as2

Por KaNoN-RAW

39 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.