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

#21 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 diciembre 2005 - 04:12

Pues lo prometido es deuda, aqui tienes el preloader con una pelotita que se mueve conforme avanza la descarga.

Si bien no esta nada detallado, te servira como referencia para lo que quieras hacer.

Igual se le pueden hacer muchas mejoras, este solo es un ejemplo y sin modificar ni una linea de codigo.
0

#22 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 14 diciembre 2005 - 01:28

kitsch porque no haces un tuto de preloader en Swish max, este esta fenomeno el flash mx

Abrazos
Ando con linux, pero no me suelta la faja Win2
0

#23 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 14 diciembre 2005 - 05:38

Kistch muy buena esa biggrin.gif

Faraon jajaja sorry pero VIVA FLASH PUROOOO !!!
0

#24 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 diciembre 2005 - 05:43

Lo siento Faraon, pero no puedo ayudarte con el Swish, porque no me muevo mucho con el, la verdad como dice el Quique; yo soy fiel pardadiro de Flash (El de Macromedia).

Sin embargo me pongo a estudiar y chanse y saque algo wink.gif
0

#25 El usuario está offline   Hunter-e

  • FC
  • PipPip
  • Grupo: Miembros
  • Mensajes: 381
  • Registrado: 12-abril 06
  • Gender:Male
  • Sexo:Masculino
  • País:Peru
  • Navegador:FireFox

Escrito 23 mayo 2006 - 02:08

pues no logro ver todas la imagenes del tutorial icon_cry.gif icon_cry.gif icon_cry.gif icon_cry.gif

ayudenme icon_cry.gif icon_cry.gif

Este tema ha sido editado por scpking: 23 mayo 2006 - 02:08

[La libertad es aquella facultad que aumenta la utilidad de todas las demás facultades.] - Inmanuel Kant
0

#26 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 23 mayo 2006 - 02:40

Vamos a ver si kitsch tiene las imagenes ya que no las encuentro en otro lago sad.gif
0

#27 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 mayo 2006 - 03:16

Pero si se ven !! Al menos yo si la veo biggrin.gif
0

#28 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 23 mayo 2006 - 03:20

Esta es la que no se ve
Imagen IPB


o sea el link
http://img76.exs.cx/...6/7154/pre3.jpg
0

#29 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 mayo 2006 - 03:31

mmmmm... busco el paso, y lo vuelvo a hacer biggrin.gif
0

#30 El usuario está offline   Hunter-e

  • FC
  • PipPip
  • Grupo: Miembros
  • Mensajes: 381
  • Registrado: 12-abril 06
  • Gender:Male
  • Sexo:Masculino
  • País:Peru
  • Navegador:FireFox

Escrito 25 mayo 2006 - 02:43

biggrin.gif para completar la precarga q quiero hacer tongue.gif
[La libertad es aquella facultad que aumenta la utilidad de todas las demás facultades.] - Inmanuel Kant
0

#31 El usuario está offline   rayni

  • FC
  • PipPip
  • Grupo: Miembros
  • Mensajes: 270
  • Registrado: 15-abril 05
  • Sexo:Masculino
  • País:Spain

Escrito 08 junio 2006 - 09:04

No consigo ver nada ¿sera por el Mac?
Cambiaría todo lo que sé, por lo que no sé
0

#32 El usuario está offline   Hunter-e

  • FC
  • PipPip
  • Grupo: Miembros
  • Mensajes: 381
  • Registrado: 12-abril 06
  • Gender:Male
  • Sexo:Masculino
  • País:Peru
  • Navegador:FireFox

Escrito 03 julio 2006 - 02:22

alguien ponga el paso 3 mellow.gif sad.gif
[La libertad es aquella facultad que aumenta la utilidad de todas las demás facultades.] - Inmanuel Kant
0

#33 El usuario está offline   Zeox

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 48
  • Registrado: 08-mayo 06
  • Sexo:Masculino
  • País:Venezuela

Escrito 07 julio 2006 - 03:14

Bueno, no tengo idea por que en la interpolacion de movimiento en el MC del Fotograma 1 al 99 no se da la carga visual... es decir, cuando le doy avance manual a los fotogramas, no se "carga" la barra con el color... hasta completar el 100... segui los pasos de tutorial pero nada...

Alguien me asesora?

Gracias.
Imagen IPB
0

#34 El usuario está offline   Script

  • Reciente
  • Grupo: Miembros
  • Mensajes: 8
  • Registrado: 14-agosto 06
  • Location:En frente de la caja tonta, para variar.
  • Sexo:Masculino
  • País:Spain

Escrito 14 agosto 2006 - 06:26

Hola chicos, soy nuevo por aquí aunque llevo un tiempo leyendo el foro y tengo que decir que me encanta el ambiente que se respira por aquí. rolleyes.gif

El tema es que intento hacer un preloader siguiendo los pasos que marcais aquí y me he dado cuenta, o al menos es lo que me pasa a mi, que solo sirve para cosas cargadas en el escenario, como imagenes y clips de peliculaa sencillos. He tenido problemas con un clip de película más complejo con varios clips anidados dentro y tambien he tenido problemas al cargar clips de película mediante código. Acabo de meterme hace poco con action script pero lo que me han enseñado es una metodología muy clara y sencilla: "si puedes hacerlo todo por código, hazlo...".

Por si alguien no lo ha entendido hago pregunta directa...¿puede ser que falle el preloader con clips de película más complejos y cargando palículas mediante script???

Gracias a todos de antemano!

saludos!
0

#35 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 agosto 2006 - 02:30

Siempre lo mas recomendable es modular tu sitio; no importa que sea un sitio en flash, el principio es el mismo. Veras... Puedes crear un preloader general que pre cargue todas tus peliculas del escenario o que compondran tu sitio (menu, contenidos, audio, header, etc), sin embargo; si haces esto tendrias que esperar a que cargue "toooooodo" el sitio antes de comenzar, creo que lo mas recomendable seria que le metas un preloader "sensillo" a cada parte componente de tu web.

Eso de hacer todo por codigo yo no comulgo tanto con la idea; yo creo que una buena mezcla entre diseño y programacion seria lo mejor.

Mira te dejo un ejemplo:
CÓDIGO

function Precarga(tuMC) {
    this.createEmptyMovieClip("loader", prof++);
    this.loader.onEnterFrame = function() {
        por = isNaN(por) ? 0 : tuMC.getBytesLoaded()*100/tuMc.getBytesTotal();
        if (por>=100) {
            delete this.onEnterFrame;
            this.removeMovieClip();
        }
    };
}


En este script lo que hace es crear una precarga para un SWF externo y con contenido externo, pero trabaja sobre niveles, para hacerlo funcionar tendrias que llamar a tuMC con la propiedad LoadMovie("tuMC"); y tambien aplicandole la funcion Preloader(); --funcion que se define en el anterior codigo--

No se si esto sea a lo que pretendias, pero si tienes mas dudas aqui las comentamos wink.gif
0

#36 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 14 agosto 2006 - 06:26

Script, bienvenido al foro smile.gif
0

#37 El usuario está offline   Script

  • Reciente
  • Grupo: Miembros
  • Mensajes: 8
  • Registrado: 14-agosto 06
  • Location:En frente de la caja tonta, para variar.
  • Sexo:Masculino
  • País:Spain

Escrito 14 agosto 2006 - 08:42

Hola chicos, gracias por las bienvenidas al foro y por las respuestas...

Kitsch: Me ha encantado el resumen que me acabas de hacer, creo que tendré que recurrir al script que me has indicado en alguna ocasión pero este no es el caso, aunque se agradece la inestimable ayuda, smile.gif Gracias...

El caso es... tengo un MC complejo (con dos MC anidados dentro y cada uno con su animacion, ya que uno esta pasado por after effects...) y mi intención es cargarlo por código mediante una función...con un attachmovie y no con un loadmovie, ya que este ultimo es para archivos externos y lo que yo tengo son internos.

Ahora tenemos un MC complejo el cual pongo con su codigo de attachmovie en la escena 2 frame uno.

Y en la escena 1 pongo el codigo de la precarga con su clip y tal...

Mi sorpresa es que no funciona al ejecutarlo ni con simular descarga y tampoco quitando el código del attachmovie y pegando el clip en el escenario. Y además, abro el archivo que descargué con el tutorial y funciona a la perfección...

Así que, mi conclusión es, que ese script o no funciona con clips omplejos por alguna razón o no funciona insertándo por código la siguiente escena...

Si alguien ha pasado por este mismo caso sería de gran ayuda que expusiese su solución...

Gracias a todos y especialmente a kitsch y a "elQuique",smile.gif

Saludos!!!
0

#38 El usuario está offline   Fabian Aguirre

  • Forero
  • Pip
  • Grupo: Miembros
  • Mensajes: 112
  • Registrado: 09-marzo 06
  • Sexo:Masculino
  • País:Chile

Escrito 22 diciembre 2006 - 05:56

gracias kitsh.. necesitaba un loader lo mas simple posible.

GRAX smile.gif
0

#39 El usuario está offline   zell

  • Puedes llamarme Fronton-man!
  • PipPipPipPip
  • Grupo: Miembros
  • Mensajes: 1304
  • Registrado: 30-julio 05
  • Sexo:Masculino
  • País:Spain

Escrito 25 diciembre 2006 - 06:37

no me sale... lo hago en vez de un rectangulo con circulos, entonces hago todo, en el fotograma 100 los relleno de verde.
Introduzco el codigo y, no ocurre nada cuando le doy a pobrar pelicula.
0

#40 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 26 diciembre 2006 - 12:34

Seguro que nombraste al mc de la precarga "barra_mc" pues es el nombre de instancia al que hace llamado el código.
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