Cargador Flash Basado En Tiempo

Tema en 'Foro Libre' iniciado por ○Halion○, 16 Mar 2008.

  1. ○Halion○

    ○Halion○
    Expand Collapse
    Recluta

    Mensajes:
    43
    Me Gusta recibidos:
    0
    Hola queridos fanáticos del flash. Leyendo sus comentarios en especial los comentarios que hacen en el tutorial del cargador de porcentaje, ya varios que mencionan que no funciona una vez que lo hacen. Por tal motivo he tomado la decisión de agregar otro tipo de cargador, al cual llamaremos cargador de tiempo.

    Espero que este tutorial también sea de su agrado y que no sea necesario leer los textos, en particular recomiendo leer el paso 4, 6, por el contrario que con solo ver las imágenes sea más que suficiente. Luces, cámara y acción.

    Comenzamos adaptando el tamaño del documento (película) en este caso la película será de 250*242. Esto se hace desde la barra de propiedades hacer clic en tamaño y escribir las dimensiones deseadas, tal como lo muestra la imagen.



    [​IMG]

    El siguiente paso es presionar Ctrl. F8 para crear un nuevo símbolo de nombre cargador y el comportamiento será Clip de película

    [​IMG]

    Una vez en el símbolo dibujar un rectángulo sin borde y con las siguientes dimensiones 120 de ancho por 10 de alto, y en las coordenadas X=0 y Y=0

    [​IMG]

    Este paso es de suma importancia pues de esta maniobra depende el éxito del cargador. Primero seleccionar el rectángulo (la forma), después presionar F8 para convertir el símbolo, nombrarlo barra y en la parte en donde dice registro seleccionar la casilla central izquierda, de esta forma nos aseguramos que la barra del cargador se desplace de izquierda a derecha. Si por alguna razón seleccionas otra casilla el comportamiento de la barra será igual al seleccionado.

    [​IMG]

    Cuando el símbolo a sido convertido el rectángulo se mirara como se muestra en la imagen. Seleccionar el rectángulo y aquí le damos un (Nombre de instancia) el cual será barra.



    [​IMG]

    Es necesario agregar dos campos de texto uno estático y uno dinámico. Es recomendable primero agregar el texto estático y escribir tiempo restante las coordenadas es lo de menos.



    [​IMG]

    Ahora, agregar el segundo campo de texto, el cual va a ser texto dinámico. Hacerlo lo suficientemente ancho, en el espacio variable (Var.) escribir mx.

    No desesperéis estamos a punto de terminar. Solo quedan unos cuantos pasos y listo.


    [​IMG]

    Primero regresamos a la escena, y a la primera capa hay que llamarla “cargador” Luego abrir la biblioteca si es que no la tienes abierta presionando F11, para después arrastrar el clip de película llamado cargador.


    [​IMG]

    Seleccionar el clip de película que fue arrastrado, abrir el panel de acciones y escribir el siguiente código:

    onClipEvent (load) {
    b_total=_root.getBytesTotal();
    }
    onClipEvent (enterFrame){
    b_loaded=_root.getBytesLoaded();
    if(b_loaded >= b_total){
    _root.gotoAndPlay("inicio");
    }else{
    porcentaje=(b_loaded/b_total)*100;
    barra._xscale=porcentaje;
    time=getTimer()/1000;
    bps=Math.round(b_loaded/time);
    bytes_left= b_total-b_loaded;
    seg_left= Math.ceil(bytes_left/bps);
    min_left= Math.floor(seg_left/60);
    hrs_left=Math.floor(min_left/60);
    min_left-=(hrs_left*60);
    seg_left-=((hrs_left * 60) + min_left) * 60;
    (length(min_left) == 1)?(min_left="0"+min_left):0;
    (length(seg_left) == 1)?(seg_left="0"+seg_left):0;
    mx= hrs_left+" hrs. " + min_left +" min. "+seg_left+" seg. ";

    }
    }



    [​IMG]

    Insertar una segunda capa y nombrarla acciones, seleccionar el primer fotograma y en el panel de acciones insertar

    stop();


    [​IMG]

    Insertar un nuevo fotograma clave vacío en el frame número 3. Seleccionar el fotograma 3 y en el panel de acciones agregar:

    gotoAndPlay("inicio");


    [​IMG]

    Importar una imagen a la biblioteca si ya tienes experiencia simplemente presionar ctrl.+R.

    [​IMG]

    [​IMG]

    Insertar una nueva capa, llamarla imagen, insertar un fotograma clave vació y en este insertar la imagen que esta en la biblioteca, colocarla en las coordenadas X=0 y Y=0

    [​IMG]

    Y por fin terminamos solamente falta etiquetar el fotograma. Primero seleccionar el fotograma y darle el nombre de inicio y el tipo de etiqueta va hacer de nombre. Con esto queda concluido el super tutorial, para ver el funcionamiento del cargador tienes que presionar dos veces ctrl. Enter.

    [​IMG]

    P.D sigue visitando y comentando esta sección de flash.

    Halion
     
  2. sim

    simiocre
    Expand Collapse
    Recluta

    Mensajes:
    1
    Me Gusta recibidos:
    0
    no se ven las imagenes.
     
  3. ala

    aladino1944
    Expand Collapse
    Recluta

    Mensajes:
    3
    Me Gusta recibidos:
    0
    No he podido abrir las imágenes, me puedes indicar por favor como hacelo, muchas gracias. Saludos.
     

Compartir esta página