Tutorial Flash. Precarga Basico - Foro Creativo

Ir a contenido

  • (3 Páginas)
  • +
  • 1
  • 2
  • 3
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

Tutorial Flash. Precarga Basico

#1 El usuario está offline   kitsch

  • Ni un pelo de tonto, ni de los otros
  • Icono
  • Grupo: Pro
  • Mensajes: 3688
  • Registrado: 15-julio 04
  • Location:Guadajalajara, México
  • Sexo:Masculino
  • País:Mexico
  • Navegador:FireFox
  • Camara:Canon Mark II

Escrito 14 septiembre 2004 - 02:16

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:
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.
Imagen IPB
Imagen IPB
Imagen IPB
Despues escribimos el siguiente codigo, intentare ser lo mas claro posible:
CÓDIGO


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

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

function cargando() {

    // Declaración de variables

    var total, cargados, porcentaje;

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

    total = _root.getBytesTotal();

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

    //momento descargados de la web

    cargados = _root.getBytesLoaded();

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

    //"Math.floor"

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

    //Asigna al campo de texto porcentaje_txt el porcentaje cargado

    porcentaje_txt.text = porcentaje+" %";

    //Mueve la barra de carga al frame correspondiente al porcentaje

    barra_mc.gotoAndStop(porcentaje);

    //Si la cantidad de bytes cargados es igual a la cantidad total de bytes

    if (cargados == total) {

  //Hacer que se deje de ejeuctar esta función

  clearInterval(hiloPrecarga);

  //Iniciar la pelicula

  play();

    }

}

// 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();



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

Saludos icon_wink.gif
0


  • (3 Páginas)
  • +
  • 1
  • 2
  • 3
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema

Otras respuestas a este tema

#2 El usuario está offline   kahlito

  • FC
  • PipPipPipPipPipPip
  • Grupo: Miembros
  • Mensajes: 2147
  • Registrado: 29-septiembre 03
  • Location:Cerca de la playa...
  • Sexo:Masculino
  • País:Spain

Escrito 15 septiembre 2004 - 04:43

Gracias kitsch, habrá que probarlo, este tutorial es muy util icon_wink.gif

Saludosss icon_wink.gif
0

#3 El usuario está offline   Adguer

  • FC
  • PipPipPip
  • Grupo: Miembros
  • Mensajes: 537
  • Registrado: 24-febrero 03
  • Location:Garza Garcia N.L. Mex
  • Sexo:Masculino
  • País:Mexico

Escrito 22 septiembre 2004 - 09:29

Lo unico que no me funciono bien es la barrita :oops: 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
0

#4 El usuario está offline   kitsch

  • Ni un pelo de tonto, ni de los otros
  • Icono
  • Grupo: Pro
  • Mensajes: 3688
  • Registrado: 15-julio 04
  • Location:Guadajalajara, México
  • Sexo:Masculino
  • País:Mexico
  • Navegador:FireFox
  • Camara:Canon Mark II

Escrito 23 septiembre 2004 - 01:38

Hola compañero icon_wink.gif

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.
precargaTuto.zip
0

#5 El usuario está offline   Adguer

  • FC
  • PipPipPip
  • Grupo: Miembros
  • Mensajes: 537
  • Registrado: 24-febrero 03
  • Location:Garza Garcia N.L. Mex
  • Sexo:Masculino
  • País:Mexico

Escrito 23 septiembre 2004 - 03:20

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 Guia Restaurantera

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.
0

#6 El usuario está offline   neo

  • Moderador... no mentira
  • PipPipPipPip
  • Grupo: Miembros
  • Mensajes: 1210
  • Registrado: 05-agosto 03
  • Location:Argentina - Capital federal
  • Sexo:Masculino
  • País:Argentina

Escrito 23 septiembre 2004 - 03:25

gracias por el tuto kitsch

Saludos 8)
0

#7 El usuario está offline   Adguer

  • FC
  • PipPipPip
  • Grupo: Miembros
  • Mensajes: 537
  • Registrado: 24-febrero 03
  • Location:Garza Garcia N.L. Mex
  • Sexo:Masculino
  • País:Mexico

Escrito 23 septiembre 2004 - 04:02

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

era algo tan, pero tan simple que no lo veia laugh.gif
0

#8 El usuario está offline   kitsch

  • Ni un pelo de tonto, ni de los otros
  • Icono
  • Grupo: Pro
  • Mensajes: 3688
  • Registrado: 15-julio 04
  • Location:Guadajalajara, México
  • Sexo:Masculino
  • País:Mexico
  • Navegador:FireFox
  • Camara:Canon Mark II

Escrito 23 septiembre 2004 - 04:06

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

Mas claro para formularios en flash
0

#9 El usuario está offline   seek

  • FC
  • PipPipPipPip
  • Grupo: Miembros
  • Mensajes: 1295
  • Registrado: 22-julio 04
  • Sexo:Masculino
  • Navegador:FireFox

Escrito 24 septiembre 2004 - 07:37

Gracias por el tutorial kitsch. biggrin.gif
0

#10 El usuario está offline   Mellckon

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 71
  • Registrado: 26-julio 04
  • Location:Nicaragua
  • Sexo:Masculino
  • País:Nicaragua

Escrito 05 octubre 2004 - 01:38

Gracias mi hermano, seguro que funciona!.... biggrin.gif
Imagen IPB
Las expresiones corporales hablan el idioma de nuestras mentes!...
0

#11 El usuario está offline   Nina

  • FC
  • PipPipPipPipPip
  • Grupo: Miembros
  • Mensajes: 1637
  • Registrado: 18-agosto 03
  • Sexo:Femenino
  • País:Argentina

Escrito 08 enero 2005 - 12:00

Guau buenisimoooooo, gracias!!!
Imagen IPB
0

#12 El usuario está offline   photo-erik-shop

  • FC
  • PipPipPip
  • Grupo: Miembros
  • Mensajes: 643
  • Registrado: 20-septiembre 04
  • Location:El Salvador
  • Sexo:Masculino
  • País:El Salvador

Escrito 10 enero 2005 - 01:23

Gracias por el tuto kitsch
0

#13 El usuario está offline   Faraon

  • Supremo Egipcio
  • PipPipPipPipPipPip
  • Grupo: Miembros
  • Mensajes: 2127
  • Registrado: 27-octubre 03
  • Location:Caminando por la piramide
  • Sexo:Masculino
  • País:Costa Rica
  • Navegador:FireFox

Escrito 04 abril 2005 - 03:09

GRacias kitsch esta bueno el tutorial.

Adquer te quedo genial el preloader.


Abrazos icon_wink.gif
0

#14 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 12 diciembre 2005 - 10:31

muy bueno biggrin.gif
0

#15 El usuario está offline   lickybuay

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 29
  • Registrado: 02-septiembre 04
  • Sexo:Masculino
  • País:Paraguay

Escrito 13 diciembre 2005 - 04:29

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

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

si conoces algun otro tutorial asi, pasalo biggrin.gif

salu2
0

#16 El usuario está offline   lickybuay

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 29
  • Registrado: 02-septiembre 04
  • Sexo:Masculino
  • País:Paraguay

Escrito 13 diciembre 2005 - 04:46

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
0

#17 El usuario está offline   elQuique

  • Dibujante de Codigos
  • PipPipPipPipPipPip
  • Grupo: Admin Team
  • Mensajes: 21239
  • Registrado: 08-febrero 03
  • Location:Florida, Uruguay
  • Sexo:Masculino
  • País:Uruguay
  • Navegador:FireFox
  • Camara:Kodak/v1003

Escrito 13 diciembre 2005 - 07:04

lickybuay, busca en este mismo foro en esta seccion , hay varios tutoriales interesantes de Flash biggrin.gif
0

#18 El usuario está offline   lickybuay

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 29
  • Registrado: 02-septiembre 04
  • Sexo:Masculino
  • País:Paraguay

Escrito 13 diciembre 2005 - 07:59

Thanks biggrin.gif
0

#19 El usuario está offline   kitsch

  • Ni un pelo de tonto, ni de los otros
  • Icono
  • Grupo: Pro
  • Mensajes: 3688
  • Registrado: 15-julio 04
  • Location:Guadajalajara, México
  • Sexo:Masculino
  • País:Mexico
  • Navegador:FireFox
  • Camara:Canon Mark II

Escrito 13 diciembre 2005 - 08:28

CITA(lickybuay)
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


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 wink.gif
0

#20 El usuario está offline   lickybuay

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 29
  • Registrado: 02-septiembre 04
  • Sexo:Masculino
  • País:Paraguay

Escrito 13 diciembre 2005 - 08:31

te estare agradecido biggrin.gif
0

  • (3 Páginas)
  • +
  • 1
  • 2
  • 3
  • No puedes empezar un nuevo tema
  • No puedes responder a este tema


Sitios Amigos: Tutoriales gratis | Foro de Webmasters | Foros de ComunidadHosting