Tutorial Flash. Precarga Basico

Otro de los tutoriales mas populares y basicos del uso de Flash, es la precarga de la pelicula. Asi que pues aqui dejo uno, espero que se entienda.

Comenzamos creando una pelicula del tamaño y propiedades que quieran, yo utlice las siguientes:
<img src="http://img43.exs.cx/img43/631/pre4.jpg" border="0" alt="Imagen IPB" />

Despues creamos un MC (Ctrl + F8 o Insertar> Simbolo), y en el fotograma 1 dibujamos un rectangulo al que eliminamos el relleno dejando solo las lineas.
<img src="http://img49.exs.cx/img49/9981/pre2.jpg" border="0" alt="Imagen IPB" />
<img src="http://img76.exs.cx/img76/7154/pre3.jpg" border="0" alt="Imagen IPB" />
<img src="http://img43.exs.cx/img43/8900/pre5.jpg" border="0" alt="Imagen IPB" />
Despues escribimos el siguiente codigo, intentare ser lo mas claro posible:
<!--c1--><div class='codetop'>CÓDIGO</div><div class='codemain'><!--ec1-->

/* Declaro la función de precarga "cargando", esta función se ejecutara

&nbsp;&nbsp; todo el tiempo hasta que haya cargado totalmente la pelicula */

function cargando() {

&nbsp;&nbsp;&nbsp;&nbsp;// Declaración de variables

&nbsp;&nbsp;&nbsp;&nbsp;var total, cargados, porcentaje;

&nbsp;&nbsp;&nbsp;&nbsp;// A la variable "total" se le asigna el tamaño de la pelicula en bytes

&nbsp;&nbsp;&nbsp;&nbsp;total = _root.getBytesTotal();

&nbsp;&nbsp;&nbsp;&nbsp;// A la variable "cargados" se le asignan el total de bytes hasta el

&nbsp;&nbsp;&nbsp;&nbsp;//momento descargados de la web

&nbsp;&nbsp;&nbsp;&nbsp;cargados = _root.getBytesLoaded();

&nbsp;&nbsp;&nbsp;&nbsp;//Por medio de una regla de tres obtiene el porcentaje cargado y redondea el valor con la función

&nbsp;&nbsp;&nbsp;&nbsp;//"Math.floor"

&nbsp;&nbsp;&nbsp;&nbsp;porcentaje = Math.floor((cargados*100)/total);

&nbsp;&nbsp;&nbsp;&nbsp;//Asigna al campo de texto porcentaje_txt el porcentaje cargado

&nbsp;&nbsp;&nbsp;&nbsp;porcentaje_txt.text = porcentaje+" %";

&nbsp;&nbsp;&nbsp;&nbsp;//Mueve la barra de carga al frame correspondiente al porcentaje

&nbsp;&nbsp;&nbsp;&nbsp;barra_mc.gotoAndStop(porcentaje);

&nbsp;&nbsp;&nbsp;&nbsp;//Si la cantidad de bytes cargados es igual a la cantidad total de bytes

&nbsp;&nbsp;&nbsp;&nbsp;if (cargados == total) {

&nbsp;&nbsp;//Hacer que se deje de ejeuctar esta función

&nbsp;&nbsp;clearInterval(hiloPrecarga);

&nbsp;&nbsp;//Iniciar la pelicula

&nbsp;&nbsp;play();

&nbsp;&nbsp;&nbsp;&nbsp;}

}

// setInterval nos servira para que la función "cargando" se ejecute cada 1 milisegundo

// Asi, nuestra función revisara constantemente la cantidad de bytes descargados

// y solo iniciara la pelicula hasta que la descarga termine

// la variable "hiloPrecarga" nos servira para saber que esta corriendo nuestra función

// y frenar su ejecución cada milisegundo por medio de "clearInterval"

var hiloPrecarga = setInterval(cargando, 1);

//Evita que inicie la pelicula

stop();

<!--c2--></div><!--ec2-->

Despues intertamos una escena nueva y aqui ya le metemos lo que valla a ser nuestra pelicula.

Saludos :wink:

 

Gracias kitsch, habrá que probarlo, este tutorial es muy util :wink:

Saludosss :wink:

 

Lo unico que no me funciono bien es la barrita sin albures eh!?

no se que tengo mal, pues hice paso por paso lo que pusiste pero la barra que se supone debe irse llenando no se desplejo, pasaba derrepente como un flash, todo relleno, pero solamente asi.

A ver si me hechas la mano con eso.

porque el tuto esta muy bien, pero igual yo hice algo mal

 

Hola compañero :wink:

No se que es lo que este fallando, pero te dejo un zip con el archivo en cuestion, checalo para que veas que es lo que esta mal, tal vez omiti algo en el tuto.

Igual, utilzas este para tu pelicula, le cambias las propiedades, el tamaño, etc.
<a href="http://firtschildren.tripod.com.mx/precargaTuto.html" target="_blank"> precargaTuto.zip</a>

 

Pues gracias compadre, a ver que saco, pues lo revise varias veces y si yo si me habia equivocado en algunas cosas, pero las corregi, y no se ve :cry:

mira hecha un vistazo <a href="http://www.guiarestaurantera.com" target="_blank"> Guia Restaurantera </a>

Ahora esta en la etapa de promocion, antes de soltar el portal, ademas a ver si en el area de servicios si te abre la forma de contacto, tipo Pop Up, porque a mi no me ha funcionado, se abre toda clase de publicidad no deseada menos la que quiero :evil:

estoy probando los scripts de la forma, para ver si funcionan, bueno, voy a revisar esto y a ver que me dices del formulario, si funciona cambiare el destinatario al e-mail que debe ir.

 

gracias por el tuto kitsch

Saludos 8)

 

Ya se pudo hacer el efecto, Gracias!! 8)

era algo tan, pero tan simple que no lo veia

 

Je je je que bueno :wink: Espero en estos dias poner algunos de interectivdad para paginas dinamicas.

Mas claro para formularios en flash

 

Gracias por el tutorial kitsch.

 

Gracias mi hermano, seguro que funciona!....

 

Guau buenisimoooooo, gracias!!!

 

Gracias por el tuto kitsch

 

GRacias kitsch esta bueno el tutorial.

Adquer te quedo genial el preloader.


Abrazos :wink:

 

muy bueno

 

Dios te bendiga my friend..., al fin un tutorial al cual puede modificar el load bar por otra animacion.. , ya que sino todos los flash tuvieran un mismo pre-loader..

Modifique el loadbar por una pelotita moviendose ( para probar si funcionaba bien ) y modifique el play, por:
gotoAndPlay("MAIN", 1 );

si conoces algun otro tutorial asi, pasalo

salu2

 

aprovecho para preguntar, y si quiero por ejemplo, tener una pelotita en la esquina izquierda y quiero que dependiendo del porcentaje la misma se vaya moviendo hacia la esquina derecha y cuando llegue ( 100% cargado ) continue con la animacion?

seria como normalmente hacen los cargadores...

paso un ejemplo usando un loadbar

GRACIAS.. SALU2

 

lickybuay, busca en este mismo foro en esta seccion , hay varios tutoriales interesantes de Flash

 

Thanks

 

<!--QuoteBegin-lickybuay+--><div class='quotetop'>CITA(lickybuay)</div><div class='quotemain'><!--QuoteEBegin-->aprovecho para preguntar, y si quiero por ejemplo, tener una pelotita en la esquina izquierda y quiero que dependiendo del porcentaje la misma se vaya moviendo hacia la esquina derecha &nbsp;y cuando llegue ( 100% cargado ) continue con la animacion?

seria como normalmente hacen los cargadores...

paso un ejemplo usando un loadbar

GRACIAS.. SALU2<!--QuoteEnd--></div><!--QuoteEEnd-->

En realidad no creo que sea muy dificil, bastantaria modificar un poco el codigo para que en vez de "barra_mc" mueva por ejemplo "pelotita_mc"...

En una chansa hago un experimento y aqui lo subo

 

te estare agradecido