Preloader con datos de transferencia
actionScript avanzado, Curiosidades | Enero 13th, 2004Versión para imprimir
El famoso preloader que muestra los siguientes datos:
porcentaje: %
descargado: Kb
total Kb: Kb
Velocidad de transferencia: Kb/seg.
Tiempo restante aproximado: 00:00:00
Pegar el siguiente script en el primer fotograma de la pelí cula:
stop();
// – estilos
miFormato = new TextFormat();
miFormato.font = “verdana”;
miFormato.size = 10;
// – crea un campo de texto dinámico
this.createTextField(“datos”, 1, 1, 1, “”, “”);
datos.autoSize = true;
datos.html = true;
// Calcula el tiempo estimado de descarga, basandose en el tiempo transcurrido
// desde el inicio de la reproducción de la pelí cula
tiempo_estimado = getTimer()+1000;
bytes_descargados_inicio = _root.getBytesLoaded();
// – bucle
this.onEnterFrame = function() {
porcentaje = Math.round(_root.getBytesLoaded()*100/_root.getBytesTotal())+“%”;
tiempo_actual = getTimer();
//
if (tiempo_actual>=tiempo_estimado) {
bytes_descargados_proceso = _root.getBytesLoaded();
velocidad_transferencia = (bytes_descargados_proceso-bytes_descargados_inicio);
tiempo_restante = Math.round((_root.getBytesTotal()-_root.getBytesLoaded())/velocidad_transferencia);
// – tiempo restante (puede variar durante el proceso según la velocidad de transferencia)
for (segundos_restantes=tiempo_restante; segundos_restantes>=60; segundos_restantes -= 60) {
i++;
}
for (minutos_restantes=Math.round(tiempo_restante/60); minutos_restantes>=60; minutos_restantes -= 60) {
i–;
}
// – construye los datos de la descarga
horas_restantes = Math.round(tiempo_restante/60);
segundos_restantes = (segundos_restantes<10) ? “0″+segundos_restantes : segundos_restantes;
minutos_restantes = (minutos_restantes<10) ? “0″+minutos_restantes : minutos_restantes;
horas_restantes = (horas_restantes<10) ? “0″+horas_restantes : horas_restantes;
tiempo_restante = horas_restantes+“:”+minutos_restantes+“:”+segundos_restantes;
tipo = (velocidad_transferencia<1000) ? ” bytes” : ” kb”;
velocidad_transferencia = (velocidad_transferencia<1000) ? velocidad_transferencia : Math.round(velocidad_transferencia/1000);
tiempo_estimado = getTimer()+1000;
bytes_descargados_inicio = _root.getBytesLoaded();
}
// – muestra los datos de la descarga
datos.htmlText = “porcentaje: “+porcentaje+“<br>descargado: “+Math.round(_root.getBytesLoaded()/1000)+“kb<br>total Kb: “+Math.round(_root.getBytesTotal()/1000)+“kb<br>velocidad de transferencia: “+velocidad_transferencia+tipo+“/segundo<br>tiempo restante aprox.: “+tiempo_restante;
datos.setTextFormat(miFormato);
// – finaliza la descarga borra evento enterFrame y textfield
if (_root.getBytesLoaded() == _root.getBytesTotal()) {
delete this.onEnterFrame;
datos.removeTextField();
nextFrame();
}
};
Descargar fla:
preloader_datos.zip (60 Kb)
Enero 15th, 2004 at 11:02 pm
me prodrias poner un ejemplo de este tuto en un archibo .
gracias a enorabuena es estupendo este blog.
Enero 16th, 2004 at 12:27 am
Desde luego Seli, lo incluiré al final del tuto por si alguien + lo necesita, un saludote
Marzo 31st, 2004 at 5:15 pm
Hola
interesante este cargador, yo hace tiempo estuve buscando algo así para presentarlo porque justamente eso fue lo que dejaron de trabajo un cargador con todas sus datos referenciales de la carga
gracias
Julio 19th, 2004 at 5:45 am
toni, queria pedirte un gran favor, que me explicaras detalladamente como hacer para lograr un preloader con barra de avance y que una variable me muestre el porcentaje cargado, estoy recien iniciandome en esto y no encuentro un solo tutorial que me ayude.
muchas gracias
Julio 19th, 2004 at 3:13 pm
Hola Jairo,
de momento, te hago llegar un fla, no es complicado, si algo no entiendes, puedes preguntar en el foro.
http://www.after-hours.org/foro/
Saludos
Julio 26th, 2004 at 1:09 pm
Hola Toni,
me podrí as enviar a mi tb el preloader con barra de avance y porcentaje de cargado que enviates anteriormente a Jairo?
Muchas gracias y felicidades por la web!
Un saludo.
Pep
Julio 27th, 2004 at 7:59 am
Pep,
ya lo debes tener en tu bandeja de entrada
Aprovecho para decirte Jairo, que te envié el fla, pero me fué devuelto ¿es correcta la dirección e-mail que hay en tu comentario? Si lo prefieres enviamela a tonilopez@gmail.com
Saludos.
Agosto 13th, 2004 at 1:55 am
Buenas soy nuevo por aki, y estoy empezando con el flash tmbien. Estoy intentando lo del preloader pero no consigo ke me funcione. Si me pudieras enviar el archivo de este me harias un favor Toni. Muchas gracias
Agosto 13th, 2004 at 6:25 am
Hola Adriá,
Te envio el fla del preloader, espero que te sea útil. Te recomiendo la lectura de los siguientes artí culos
Testing preloaders en local
http://www.after-hours.org/blog/archives/000425.html
Preloader con máscara
http://www.after-hours.org/blog/archives/000441.html
como hacer preloaders a SWF que usan componentes
http://www.after-hours.org/blog/archives/000445.html
Incluyo el fla en el tutorial.
Saludos
Agosto 17th, 2004 at 8:35 am
hola, estoy empezando a manejar el flash mx 2004 y queria saber si me podias mandar el preloader con barra grafica que le mandaste a las otras personas, gracias
Septiembre 13th, 2004 at 4:06 am
Hola toni, me podrias hacer llegar el preloader que le hiciste llegar a jairo.
De antemano muchas gracias.
Septiembre 28th, 2004 at 8:28 pm
Hola Toni, quisiera que tambien me enviaras el archivo de ejemplo del preloader con barra , muchas gracias
Octubre 4th, 2004 at 11:09 pm
ERES EL REY, DE LOS TUTORIALES VOY EMPESANDO A USAR FLASH Y TU ME HAS AYUDADO MUCHO TE LO AGRADESCO, POR FAVOR ME PODIAS ENVIAR EL SOLICITADISIMO PRELOADER DE PORCENTAJE CON BARRA
TE LO AGRADECIRIA MUCHISIMO.
SIGUE ASI
Febrero 24th, 2005 at 10:48 pm
soy nuevo en flash y quisiera pedir un poco mas explicacion sobre este tutorial, lo utilice para un archivo y no se ve ningun preloader, ni una palabra, debo crear los campos de texto manualmente??? si quiero que pase al final del preloader cargue a otra escena como y donde se agrega una instruccion para eso???
gracias……veo tambien que los link a los articulos sugeridos de este mismo web no funcionan.
Febrero 25th, 2005 at 10:36 pm
Bajate el fla y pruebalo, funciona.
Sobre los artÃculos que pides:
Testing preloaders en local
http://www.after-hours.org/blog/archives/2004/07/28/testing_preloaders_en_local/
Preloader con máscara
http://www.after-hours.org/blog/archives/2004/08/05/flash-mx-mx-2004-preloader-con-mascara/
como hacer preloaders a SWF que usan componentes
http://www.after-hours.org/blog/archives/2004/08/06/flash-mx-2004-como-hacer-preloaders-a-swf-que-utilizan-componentes/
Saludos
Marzo 4th, 2005 at 9:17 pm
gracias por la ayuda, mi error era que los graficos y el texto era del mis
color, asi que lo cambie agregando esto en la parte de formato:
miFormato.color = 0xffffff;
tambien agregue esto para que la informacion saliera en varias lineas
pero no da resultado:
miFormato.multiline = true; …acepto sugerencias
a este preloader le agregue una barra, agregando 2 capas mas y este
codigo. en la primera coloque una forma rectangular q servira de base
y en la segunda otra forma rectangular convertida a movieclip con nombre
de instancia “barra", el ancho debe estar inicializado en 1 para luego
aumente, este es el codigo:
// bucle de la barra
if (_root.getBytesLoaded()
Marzo 4th, 2005 at 9:18 pm
aqui va completo la barra:
// bucle de la barra
if (_root.getBytesLoaded()
Marzo 4th, 2005 at 9:28 pm
“// bucle de la barra
” if (_root.getBytesLoaded()
Marzo 4th, 2005 at 9:30 pm
POR ALGUNA RAZON EL FORMULARIO NO ACEPTA EL CODIGO COMPLETO, SI ALGUIEN LE INTERESA SE LO ENVIO, MI E-MAIL alek31@hotmail.com
Marzo 5th, 2005 at 9:23 am
Hola arturo, te invito a que pases al foro y lo compartas.
Abril 1st, 2005 at 4:18 pm
cuando realice la prueba del script en el entorno de flashMX 2004, al simular la descarga, este funciono sin ningun problema…pero cuando lo publique en un servidor de prueba como yahoo, este script no funciona, sale un mensaje que dice que si sigue ejecutandose el script la maquina dejara de responder, asi que no se puede ver el preloader….alguien saber porq este error? y como puedo hacer para que las la informacion salga en varias lineas y no en una sola horizontal??
el sitio es: http://espanol.geocities.com/arturohm33/
gracias
Noviembre 4th, 2005 at 9:23 pm
Quiero realizar una precarga q muestre un clip q he elaborado y sucede que solo me funciona cuando el codigo esta solo. si en otra capa coloco el movie clip no funciona.
no se q hacer por favor ayudenme.
Gracias.