elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Recuerda que debes registrarte en el foro para poder participar (preguntar y responder)


+  Foro de elhacker.net
|-+  Media
| |-+  Diseño Gráfico
| | |-+  Preloader [Flash]
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Preloader [Flash]  (Leído 12,655 veces)
Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Preloader [Flash]
« en: 13 Abril 2004, 00:03 am »

Como veo que hay muchas dudas sobre este tema, pongo algunos ejemplos de como hacer algunas cosillas...

Empezamos con un "Preloader"...


Tenemos que crear un simbolo con 100 fotogramas, en el fotograma numero 100 metes este codigo( Primero seleccionas el fotograma, no el simbolo):
Código:
tellTarget("_root") 
{
    play();
}
Es el que nos llevará al inicio de la animacion :)

Despues, ya teniendo esto, a este sumbolo, lo colocamos en el primer fograma de nuestra animacion (ovio)...

Seleccionamos nuestro simbolo y, vamos a las acciones y, metemos este codigo(esta vez si va a ser el codigo en nuestro simbolo):
Código:
onClipEvent (enterFrame) 
{
    gotoAndStop(int(_parent.getBytesLoaded() * 100 / _parent.getBytesTotal()))
}
Es el que calcula los bytes cargados de nuestra pelicula :)

Eso es todo con respecto a el Preloader :)


« Última modificación: 13 Abril 2004, 01:04 am por Nemrod » En línea

Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Scrollbar "avanzado" Flash
« Respuesta #1 en: 13 Abril 2004, 00:06 am »

Pues, otro script que me gusta mucho y que podemos usar muchas veces, es este, el scrollbar, empesemos...

Lo primero es crear dos botones; "Arriba" y "Abajo" (por ejemplo), en el boton para ir hacia arriba, tendremos que poner un codigo asi:
Código:
on (press) 
{
    dir = -1;
}

on (release, rollOut)
{
    dir = 0;
}
Este nos funcionará para navegar hacia arriba...

En el segundo boton, el codigo es similar, es este:
Código:
on (press) 
{
    dir = 1;
}

on (release, rollOut)
{
    dir = 0;
}
Si se dan cuenta, lo unico que cambia es "-1" por "1".

Despues, creamos un simbolo (clip de pelicula) donde estarán nuestros dos botones (Arriba y Abajo), en este, pondremos el sigente codigo:
Código:
onClipEvent (enterFrame) 
{
    if (dir != 0)
    {
        _root.nam.scroll = _root.nam.scroll + dir;
    }
}

Donde nam es un texto con las siguientes caracteristicas:
Texto dinamico
Generar texto como HTML
Nombre: nam
Y, el formato ya es cuestion tuya :)

Y, eso es todo para poner nuestro Scrollbar.


« Última modificación: 13 Abril 2004, 01:04 am por Nemrod » En línea

Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Scrollbar [facil]
« Respuesta #2 en: 13 Abril 2004, 00:18 am »

Pues otra forma y, aprovechando que estamos aqui con esto del ScrollBar, aprovecharé para poner la carga de un archivo de texto...

Nuevamente, creamos dos botones para "clasificar" el "Arriba" y "Abajo", al boton de "Arriba", le ponemos este codigo (una ves en ecena)
Código:
on (press) {
   text.scroll  = text.scroll-1;
}
al boton "Abajo" seria esto:
Código:
on (press) {
   text.scroll  = text.scroll+1;
}

Con eso tenemos nuestro "ScrollBar" mas sencillo que la ocacion pasada, ahora, continuamos con la Carga de archivo de texto...


Creamos una instancia con la herramienta "texto" con las siguientes caracteristicas:

Introducción de texto
Tipo de linea: Multilinea
Seleccinable
Generar texto como HTML
var: text

Esto ultimo es opcional claro, tambien el nombre de la variable (por eso es variable), ahora
En el primer fotograma, insertamos este codigo:
Código:
loadVariablesNum("texto.txt", 0);
aqui es donde se carga el archivo texto.txt, este nos puede servir para las "noticias" de una web ;D

Nota: el archivo que se cargue debe de tener como formato:
Código:
&variable=valor&
Por ejemplo que tengamos el titulo, contenido y autor seria asi
Código:
&titulo=Aziel aprende Flash&contenido=Si, asi es como lo oyen Aziel esta aprendiendo Flash y ActionScript aun no se sabe de donde esta estudiando pero se sabra XDDD&autor=Anonimo&
Puede cargar archivos PHP, ASP, TXT, y casi (CASI) cualquiera :)
« Última modificación: 20 Octubre 2004, 02:24 am por .o_0 Azielito 0_o. » En línea

Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Cargar pelicula en Flash
« Respuesta #3 en: 13 Abril 2004, 01:03 am »

Una de las cosas que nos sirve mucho de ayuda es la carga de peliculas (archivos SWF) en un documento de Flash, pues, en esta ocacion sabermos como hacerlo ;D

Necesitamos
Un boton (para que al darle click carge la pelicula)
Un cuadro con el nombre de "cuadro"
Detener la pelicula en "x" forogtama donde querramos que carge nuestra pelicula :)

Ahora, en el mismo fotograma ponemos el cuadro y nuestro boton
El boton llevará el sieguiente codigo:
Código:
on (release) {
loadMovie("pelicula.swf", cuadro);
}
donde pelicula.swf es la pelicula que vamos a cargar y, cuadro es nuestro cuadro con el mismo nombre, o sea, donde se posará la pelicula, y bien, eso es todo pot hoy ;D

Nota: Hay un ejemplo para descargar al pie de este post (solo registrados)
« Última modificación: 3 Julio 2004, 03:05 am por Aziel » En línea

BADBYTE-K
Knowledge is power, Diesel-K


Desconectado Desconectado

Mensajes: 2.329


Aprende todo lo que este a tu alkance


Ver Perfil WWW
Re: Preloader [Flash]
« Respuesta #4 en: 16 Abril 2004, 05:53 am »

me interesa aprender a hacer preloader`s gracias por la info la estudiare...


saludox
En línea

Morris
Ex-CoAdmin y
Ex-Staff
*
Desconectado Desconectado

Mensajes: 1.964


Ver Perfil WWW
Re: Preloader [Flash]
« Respuesta #5 en: 16 Abril 2004, 06:14 am »

No se compliquen, un preloader es un simple ciclo que corre hasta que la pelicula ha sido cargada o los frames que queremos que se pre-carguen.

Ahí les va una explicación simple:

En el cuadro 1 escribimos loading y ponemos este actionscript:
Código:
play();

En el cuadro 3 ponemos un actionscript similar a este:

inicio
Código:
ifFrameLoaded (_totalframes) {
    gotoAndPlay("inicio");
}

*** "inicio" puede ser remplazado por un número de cuadro
o simplemente creen un label a un keyframe llamado

En el cuadro 5 ponemos un actionscript así:

Código:
gotoAndPlay(1);


Lo que hace:

La línea de tiempo comienza a transcurrir pasa por el frame 3 y se pregunta si la animación COMPLETA ha sido cargada. Si no ha sido cargada sigue su camino. Al llegar al cuadro 5, se regresa al primero y se corre un ciclo que no termina hasta que la condición se cumpla. ¿Cuál condición? Si todos los frames han sido cargados. Qué es esta:

Citar
ifFrameLoaded (_totalframes) {
    gotoAndPlay("inicio");
}

A partir de este script se puede modificar lo que sea y hacerlo complejo. Sin embargo, cómo hacer algo a nuestro gusto si no entendemos lo que hace.  :D

::FAQ::
¿Cómo puedo hacer para que no cargue toda la película y sólo cargue hasta un frame predeterminado?

Código:
ifFrameLoaded (50) {
    gotoAndPlay("inicio");
}

*** Donde 50 es el frame hasta donde queremos llegar

Morris
En línea

Azielito
no es
Colaborador
***
Desconectado Desconectado

Mensajes: 9.188


>.<


Ver Perfil WWW
Mini tutorial - Cargar un sonido externo en Flash =D
« Respuesta #6 en: 16 Agosto 2006, 17:37 pm »

Siguiendo con esta serie de codigos de ActionScript ahora les presento otro para cargar un sonido externo, por ahora solo se cargarlo, reproducirlo y detenerlo por completo, aun no se pausarlo XD

Vamos a hacer un boton que diga "cargar musica" (o sonido, o cancion o como se te de la gana )
Una vez que lo tengas, en l a escena principal lo seleccionas y vas al panel de Acciones (En el menu Ventana seleccionas Acciones ( F9 ))
y, pones el siguiente codigo
Código:
on(release){
_root.cargando._visible = true;
_root.cargar._visible = false;
ruido = new Sound();
ruido.loadSound("cancion.mp3",false);
this.onEnterFrame = function() {
total = ruido.getBytesTotal();
cargado = ruido.getBytesLoaded();
if (cargado == total && total>0) {
_root.escuchar._visible = true;
_root.cargando._visible = false;}
};
}
Tenemos muchos elementos :o ahora tratare de explicarlos

on(release){:
es la accion basica de un boton, le da la instruccion de que se ejecuten las acciones cuando se "suelte" el click

_root.cargando._visible = true;
Para hacerlo bonito con un precargador he puesto esto :D, a dicho elemento le ponemos por nombre "cargando"
lo de "_visible = true;" es lo que hace todo; lo hace visible (mas adelante veremos para que nos sirvio, aun que seguro ya se imageinan para que :P )
_root.cargar._visible = false;: Lo mismo que el anterior solo que este Oculta nuestro elemento, en este caso asi le puse a mi boton se llama "carar" si, si, al boton que le aplicamos este codigo asi se llama para ocultarlo una vez que le damos click

ruido = new Sound(); esta es la parte verdaderamente importante, con esto le asignamos a la variable ruido el valor de sonido, o sea, le decimos que la variable "ruido" es un objeto de sonido :D

ruido.loadSound("cancion.mp3",false);: lo mejor de todo, aqui es donde al sonido que acabamos de hacer le decimos que cargara un sonido :D
Cita de: FLASHLA.COM
Uso
sonido.loadSound("ruta",stream)
Parámetros
sonido > el objeto de sonido
ruta > la ruta hacia el mp3 a cargar
stream > se refiere a reproducirlo o no mientras lo está cargando. Los valores pueden ser true o false
Valor Devuelto
Ninguno

Descripción
Carga un archivo mp3 al objeto de sonido. Se usa el parámetro stream para reproducir el sonido mientras se descarga. Si el parámetro es false, entonces el sonido es del tipo de un evento.
Un evento de sonido responde a todos los métodos y propiedades de actionscript, el sonido se empieza a reproducir cuando está totalmente cargado.
Si el parámetro es true, entonces el sonido es un stream, no responde a muchos métodos de actionscript y se reproduce cuando se descargan los suficientes datos para reproducirlos.

this.onEnterFrame = function() {: Iniciamos una funcion cualquiera :P

total = ruido.getBytesTotal();: a la variable total le asignamos el valor del total de bytes de nuestro objeto de sonido "ruido"

cargado = ruido.getBytesLoaded();: A la variable cargado le asignamos el total de bytes cargados

if (cargado == total && total>0) {: Un simple condicional, si el total cargado es igual al total de bytes y el total es mayor a cero

_root.escuchar._visible = true;: hacemos visible nuestro boton "escuchar" que es un boton con el siguiente codigo
   
Código:
on(release){
ruido.start(0, 1);
_root.detener._visible = true;
_root.escuchar._visible = false;
}
donde el codigo importante es:
   ruido.start(0,1);: Bien, con esto iniciamos nuestro sonido que hemos estado construyendo :D


Cita de: FLASHLA.COM
Uso
sonido.start(segs_offset,vueltas);

Parámetros
(ambos parámetros son opcionales)
segs_offset > define en qué segundo deseamos que comience el sonido
vueltas > el "loop" o número de vueltas que deseemos que se repita el sonido

Valor Devuelto
Ninguno

Descripción[/i]
Este método reproduce el sonido desde la ubicación especificada en segs_offset. Si no hay parámetros, el sonido comienza desde el principio.

Los otros codigos es para mostrar y ocultar botones
Código:
		_root.detener._visible = true;//estos dentro del boton 'escuchar'
_root.escuchar._visible = false;//este tambien dentro de ese boton

_root.cargando._visible = false;}// con este ocultamos el simbolo de "cargando" y va en el boton de 'escuchar'

} // con esto terminamos nuestra accion al boton 'escuchar'

Bueno, creo que por el momento es todo ...
aaaaaaaaa nooooooo!! falta algo!

para detener el sonido es simple XD, con este codigo en un boton 'detener'
Código:
on(press){
ruido.stop(); // Este es el que hace todo :P detiene el objeto de sonido 'ruido'
_root.detener._visible = false; // ocultamos el boton 'detener' que es el mismo al que aplicamos este codigo
_root.escuchar._visible = true; // hacemos visible el boton de 'escuchar' para que lo puedan escuchar de nuevo =)

}

Con esto concluyo el pequeño mini tutorial para la carga de un sonido externo en Flash :D
dejo un ejemplo adjunto (Solo para usuarios registrados)


Por cierto! en el fotograma uno al incicio de la pelicula debemos poner este codigo
Código:
_root.escuchar._visible = false;
_root.detener._visible = false;
_root.cargando._visible = false;
que lo unico que hace es ocultar los botones :)
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
[CSS3] Login + preloader
Desarrollo Web
Usuario Invitado 1 2,758 Último mensaje 1 Julio 2015, 15:33 pm
por #!drvy
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines