Ayuda - Búsqueda - Miembros - Calendario
Versión Completa: Como Realizar Un Preloader Personalizado? (solucionado)
Swishmax.es. Foro de consulta en español > SwishMax > SwishMax 2
timz
Hola de nuevo yo, y con mas cositas por saber y aprender...

alguien tiene idea de como hacer preloader personalizado con efectos, un ejemplo aqui http://www.puntogperu.com/ veran la barra tiene como un resplandor, pues ahi nose como hacerlo no se me ocurren ideas de como se podria hacer, pues espero que alguien me indique con ejemplo o tutorial como se hace eso..... gracias adelantado....
cancrexo
En el caso de la web que indicas, el resplandor es simplemente un gráfico que se va moviendo solidariamente con la barra del preloader. A mayores tiene un pequeño efecto de parpadeo.

Salu2
timz
Hola cancrex siempre tu con buenas respuestas :P, dime cancrexo, como haria para que ese grafico valla de la mano con la barra del preloader?


Adjunto el swi del un preloader con loadbar y muestro el codigo...

Que codigo colocaria, para que digamos un objeto llamado "grafico.gif" valla de acuerdo a como cargue la barra del preloader?
CÓDIGO
onFrame (3, afterPlacedObjectEvents) {
    percent_loaded = _root.getPercentLoaded() add "%";
    preloader.loaderbar._xscale = _root.getPercentLoaded();
    if (_root.getPercentLoaded() >= 100) {
        nextSceneAndPlay();
    }
}


AQUI PUEDEN VER EL SWF EN LINEA: CLICK AQUI

Aqui adjunto el swi
cancrexo
Calcula la longitud de la barra preloader:
CÓDIGO
lon = preloader.loaderbar._width;


Si el preloader tiene el pto de referencia en la esquina izquierda, siendo el resplandor un MC llamado mcResplandor:
CÓDIGO
preloader.mcResplandor._x = lon;


En cuanto a lo de mis respuestas, es lo que hay. Tómatelas como quieras.

Salu2
timz
Hola cancrex, he colocado el script que me dices, pero no me hace ninguna funcion :s o es que estoy haciendo mal, aqui muestro el codigo


CÓDIGO
onFrame (3, afterPlacedObjectEvents) {
    percent_loaded = _root.getPercentLoaded() add "%";
    preloader.loaderbar._xscale = _root.getPercentLoaded();
    if (_root.getPercentLoaded() >= 100) {
        nextSceneAndPlay();
        lon = preloader.loaderbar._200;
        preloader.mcResplandor._x = lon;
    }
}


indicame que hago mal ¿todo?
cancrexo
Tal y como está eso, el código solo se ejecutará si se alcanza el 100% de carga. A parte que tienes eso de
CÓDIGO
lon = preloader.loaderbar._200;

que no se de donde lo has sacado blink.gif .

Quíta el código del bloque if:
CÓDIGO
onFrame (3, afterPlacedObjectEvents) {
    percent_loaded = _root.getPercentLoaded() add "%";
    preloader.loaderbar._xscale = _root.getPercentLoaded();
    lon = preloader.loaderbar._width;
    preloader.mcResplandor._x = lon;
    if (_root.getPercentLoaded() >= 100) nextSceneAndPlay();
}


Salu2
timz
cancrex hize lo que me dijiste pero mira como sale :s VER AQUI el resplandor avanza pero no va junto con el preloader sino va detras del preloader dime que hago mal, puse el codigo y naaaa :s
cancrexo
Sumale al preloader.mcResplandor._x la coordenada X del preloader.loaderbar.

Salu2
timz
Hola cancrex, disculpa que te pregunte esto, pero como le sumo la cordenada al preloader.loaderbar?? no entiendo como hacerlo :s... gracias
cancrexo
CÓDIGO
preloader.mcResplandor._x = lon + preloader.loaderbar._x;

timz
eres lo maximo cancrex, ya me resulto....

Aqui les facilito para los que se pierden....

CÓDIGO
onFrame (3, afterPlacedObjectEvents) {
    percent_loaded = _root.getPercentLoaded() add "%";
    preloader.loaderbar._xscale = _root.getPercentLoaded();
    lon = preloader.loaderbar._width;
    preloader.mcResplandor._x = lon + preloader.loaderbar._x;
    if (_root.getPercentLoaded() >= 100) nextSceneAndPlay();
}


Gracias cancrex, ojala me puedas ayudar con un post que esta cerrado, intente hacerlo y nada no salee se trata del shadowbox , bueno abrire un post.... gracias de nuevo te pasaste ;)
cancrexo
Post solucionado entonces.

Esta es una versión "reducida (lo-fi)" de nuestro contenido. Para ver la versión completa con mas información, formato e imágenes, por favor haz click aquí.
Invision Power Board © 2001-2012 Invision Power Services, Inc.