Hace tiempo que no posteaba tutoriales, asi que vamos a ver como crear Motion Tweens con Action Script 2.0.
-
// Función que Produce el Movimiento
-
// ----------------------------------
-
function floatMC(mc) {
-
import mx.transitions.Tween;
-
var posy = mc._y;
-
var rel_posy = posy - 25;
-
-
var func = mx.transitions.easing.Back.easeInOut;
-
var speed = 1;
-
-
var myTween:Tween = new Tween(mc, "_y", func, posy, rel_posy, speed, true);
-
-
myTween.onMotionFinished = function() {
-
myTween.yoyo();
-
}
-
-
}
No se preocupen, ya lo explico :P.
Yo lo creé en forma de función porque lo necesitaba usar para varios movieclips (Aunque podria haber hecho una función que moviese todos juntos, pero al final lo hice de esta forma) y creí que era la mejor opción.
Vamos por partes:
1. Lo que primero debemos hacer es importar la clase MotionTween. Con una simple llamada "import" está listo.
-
import mx.transitions.Tween;
2. Aquí simplemente declaro 2 variables (posy, rel_posy) una de ellas contiene la coordenada en _y del movieclip pasado por parámetro, y la otra contiene la posición relativa (Sumada a la posición actual) a la que deberá transportarse.
-
var posy = mc._y;
-
var rel_posy = posy - 25;
3. Creamos otras 2 variables (func, speed) en las cuales almacenaremos la propiedad que determina el tipo de movimiento (mx.transitions.easing.[VARIOS].[VARIOS]) y uno que determina la velocidad del movimiento (speed).
-
var func = mx.transitions.easing.Back.easeInOut;
-
var speed = 1;
Atención! Los posibles valores que puede tener la variable "func" son los siguientes:
- Back – Extiende la animación sobre uno o ambos extremos del "Tween"
- Bounce – Crea un efecto de rebote en la transición en uno o ambos extremos.
- Elastic – Crea una mezcla entre el BOUNCE y el BACK.
- Regular – Movimiento más lento sobre los extremos de la transición (uno o ambos).
- Strong – Similar al regular más pronunciado cuando se combina con otros métodos de easing.
- None – Movimiento lineal entre ambos extremos.
Uso: var func = mx.transitions.easing.[Reemplazar Aqui].easeInOut;
Ej.: var func = mx.transitions.easing.Regular.easeInOut;
4. Aquí declaramos la ultima variable a utilizar, llamada myTween (un objeto de la clase Tween) que tendrá como parámetros las cosas que determinamos anteriormente.
-
// Tween(movieclip, "parametro_movimiento", Tipo_Movimiento, Posicion_inicial, posicion_final, velocidad, usar_segundos_o_frames)
-
// El ultimo parametro: "usar_segundos_o_frames" se determina con true o false, si se pone a true utiliza los segundos.
-
var myTween:Tween = new Tween(mc, "_y", func, posy, rel_posy, speed, true);
5. Luego, haciendo referencia al objeto (myTween) utilizamos el metodo "onMotionFinished" de la manera que vemos abajo, y habiéndole indicado que se ejecute al finalizar el movimiento principal, ejecutamos el metodo "yoyo();" que nos permite hacer un loop del movimiento (ejecuta inversamente el movimiento inicial).
-
myTween.onMotionFinished = function() {
-
myTween.yoyo();
-
}
Ejemplo:
Hace un tiempo viendo la necesidad de hacer la subida de archivos un poco menos engorrosa escribi esta clase. No es de lo más util, y le falta mucha depuración, pero te saca de apuros =P.
-
// -------------------------------------------------------------------------------------
-
// Operaciones con sus Metodos
-
// -------------------------------------------------------------------------------------
-
// setMaxSize($peso) Setea el Peso maximo que puede tener el archivo
-
// setAllowedExtensions($extensiones) Setea un array con las extensiones permitidas
-
//
-
// startUpload($ruta) Procesa el archivo y lo almacena en la "ruta"
-
//
-
// getSize() Retorna el peso del archivo en Kb (Kilobytes)
-
// getErrorMsg() Retorna un mensaje en caso de exito o de fallo
-
// getErrorId() Retorna la ID del Mensaje de error
-
// getExtension() Retorna la extension del archivo
-
// -------------------------------------------------------------------------------------
-
-
class Uploader {
-
-
var $archivo;
-
var $temp_file;
-
-
var $max_size;
-
var $arr_extensions;
-
var $path;
-
var $id_error;
-
var $error;
-
-
var $size;
-
var $extension;
-
-
function Uploader($file) {
-
$this->archivo = $_FILES[$file]["name"];
-
$this->temp_file = $_FILES[$file]["tmp_name"];
-
$this->size = $_FILES[$file]["size"] / 1024;
-
}
-
-
function startUpload($ruta) {
-
if ($this->max_size != "") {
-
$a = $this->size;
-
$b = $this->max_size;
-
$c = $this->extension;
-
$d = $this->arr_extensions;
-
-
$tmp = $this->temp_file;
-
$arc = $this->archivo;
-
-
// Copia
-
$this->id_error = 1;
-
}else{
-
$this->id_error = 2;
-
}
-
}elseif ($a> $b){
-
$this->id_error = 3;
-
$this->id_error = 4;
-
}
-
}else{
-
$this->id_error=5;
-
}
-
}
-
-
function setMaxSize($max) {
-
$this->max_size = $max;
-
}
-
-
function setAllowedExtensions($arr) {
-
$this->arr_extensions = $arr;
-
}
-
-
function getExtension() {
-
return $this->extension;
-
}
-
-
function getSize() {
-
return $this->size;
-
}
-
-
//
-
// Se pueden Modificar los Mensajes para cada caso
-
//
-
function getErrorMsg() {
-
switch($this->id_error) {
-
case 1:
-
$this->error = "El archivo se subió exitosamente";
-
break;
-
case 2:
-
$this->error = "El archivo no pudo ser copiado a la ruta especificada";
-
break;
-
case 3:
-
$this->error = "El Peso del archivo es mayor al permitido";
-
break;
-
case 4:
-
$this->error = "No es una extension permitida";
-
break;
-
case 5:
-
$this->error = "Debe subir un archivo y setear un peso maximo";
-
break;
-
}
-
-
return $this->error;
-
}
-
-
function getErrorId() {
-
return $this->id_error;
-
}
-
}
-
-
?>
Es muy facil de utilizar, veamos un ejemplo rapido:
Como ven lo unico que hacemos es crear un objeto ($up) y le asignamos el nombre del "campo archivo".
Hay que gestionar mejor los errores al igual que comprobar algunas cosas mas... Pero es bueno para dar una idea de como hacer una clase util para manejar cosas que son siempre utiles para el programador... Una subida común nos podria llevar mas de 10 lineas de codigo, aqui solo nos lleva 5.
Descargá la clase: Uploader Class.
Designed By :
