Necesito tutorial paso a paso para tontos de un preloader

[malogaba]

LLevo como una semana haciendo preloader con tutoriales del foro, de youtube, de internet,.... y en cada uno me pasa algo que no se porque, y al final no consigo terminarlo.

Quiero hacer un preloader muy sencillo, vamos lo tipico, lo unico peculiar por llamarlo de alguna forma es que haya una imagen mientras la barra se va cargando, ademas de que se vea el texto del tanto por ciento que lleva.

Ya veis algo normalito, barra que se llena y %, con imagen detras.

Siempre me pierdo en la parte tecnica, que si dos capas, que si tres, que si en el frame tal pones esto, o pones lo otro....

Por eso necesito un TUTORIAL de PRELOADER para tontos, porque si no lo voy a conseguir.

Graciassss

[Bandit]

Hola malogaba:
Primero crea un MC que lo llamaremos barra y en la capa 1 frame 1 dibuja un rectángulo de 100 x 5, con el color de relleno que desees.
Crea otro MC que lo llamaremos loader y en la capa 1 frame 1 coloca el MC que contiene el rectángulo y le pones como nombre de instancia: cambia, crea la capa 2 y en el frame 1 coloca un campo de texto dinámico con var: per_out.
En el escenario coloca el MC loader y lo seleccionas y vas al Panel de acciones y escribe lo siguiente:

Código actionscript:

onClipEvent(load){
 barw=cambia._width/100;
}
onClipEvent(enterFrame){
 movieClip_a_cargar=_parent;
 bl=movieClip_a_cargar.getBytesLoaded();
 bt=movieClip_a_cargar.getBytesTotal();
 per=int((bl/bt)*100);
 cambia._width=per*barw;
 if(per==100){_parent.gotoAndStop(2);}
 per_out=per+"%";
}
 

Tu película debe de empezar en el frame 2.
Crea otra capa en la principal y en el frame 1 coloca un stop();

Espero haberte sido de ayuda.

[cstudio]

Aqui te va otro facil....

En tu primera escena crea 2 layers...

En el primer frame del layer numero 1 pega este codigo...

function cargando() {
var total, cargados, porcentaje;
total = _root.getBytesTotal();
cargados = _root.getBytesLoaded();
porcentaje = Math.floor((cargados*100)/total);
porcentaje_txt.text = porcentaje+" %";
precarga.gotoAndStop(porcentaje);
if (cargados == total) {
clearInterval(hiloPrecarga);
play();
}
}
var hiloPrecarga = setInterval(cargando, 1);
stop();


El primer layer se quedara vacio solo con el codigo que te mencione arriba, y en el segundo layer poner una caja de texto con la leyenda 100% y le asignas estas propiedades que son muy importantes...

tipo de texto: texto dinamico
nombre de instancia: porcentaje_txt

ya terminado esto crea una segunda escena para que comienzes a trabajar tu proyecto todo esto dejalo siempre en la primera escena y en las demas trabajas tus animaciones.

Con estos logras algo sencillo que sera el porcentaje de precarga, para verlo en accion al momento de correr la prueba de swf con control+entre presionalos de nuevo para que cargue mas lenta la movie y puedas ver la precarga en accion...

Cualquier duda aqui andamos amigo, un saludo.

[malogaba]

poner una caja de texto con la leyenda 100%

Esto que quiere decir?, que escriba 100% no?

ya terminado esto crea una segunda escena para que comienzes a trabajar tu proyecto todo esto dejalo siempre en la primera escena y en las demas trabajas tus animaciones.

Como creo esa segunda escena, en otra layer? en que frame sigo, ya en el segundo?

Primero crea un MC que lo llamaremos barra y en la capa 1 frame 1 dibuja un rectángulo de 100 x 5, con el color de relleno que desees.

Supongo que el rectangulo es el MC, porque crear el MC y luego hacer el rectangulo... no?

Crea otro MC que lo llamaremos loader y en la capa 1 frame 1 coloca el MC que contiene el rectángulo y le pones como nombre de instancia: cambia,

Pero tendre que hacer el MC a partir de algo???

[Bandit]

Para crear un MC simplemente presiona las teclas Ctrl+F8 en la ventana que aparece activa Clip de película y presiona el botón Aceptar.
Te sugiero que antes de hacer algo que no entiendas, vayas a la Ayuda del programa, allí tienes tutores y muestras que te enseñan el manejo del Flash, además tienes todos los códigos explicados y con ejemplos, simplemente presiona la tecla F1.

Espero haberte sido de ayuda.