Bleend’s Blog

Bleend’s Blog

Blog Personal de Bleend, humor, cosas interesantes, diseño y programación.

« La evolución no debe ser explicada en las escuelas

The computer is your friend. Trust the computer. »

El botón ON/OFF más sencillo para flash

Música en flash
He estado trabajando un poco con flash estos últimos días, y entre otras cosas, he encontrado una forma realmente sencilla de hacer un botón on de apagar y encender la música para un sitio flash (Usando ActionScript 2.0).

Lo haremos en unos sencillos pasos:

Paso uno: Estando situados en el Escenario principal, lo que haremos será importar el sonido. Eso se puede hacer arrastrando el archivo de sonido directamente a la biblioteca de flash. Para el ejemplo, he usado este loop.

Nota: Una vez tenemos el sonido importado, en sus propiedades, si deseamos, podemos variar su calidad para hacer que pese menos en la película final.

Paso dos: Cuando tengamos esto, creamos un nuevo MC vacío (Ctrl+F8). Este MC, por decir un nombre, lo llamaremos "sonido":

Este MC, tendrá únicamente 2 fotogramas. Para crearlos, usaremos fotogramas clave (F6). Debe quedarnos de esta forma:

Paso tres: Una vez esto, añadiremos al primer fotograma la instancia de "off", y en el segundo fotograma, le ponemos de instancia "on" (Ver imagen inferior). Imagino que ya puedes imaginarte para que son los 2 fotogramas. Uno representará el estado de "apagado" y el otro de "encendido" de la música.

Paso cuatro: Hacemos dos dibujos que representen estos estados en cada respectivo fotograma:

Fotograma 1:



Fotograma 2:

Nota: Si deseas que el icono representativo del estado sea una animación, inserta un MC con las animaciones que quieras (barras subiendo y bajando, o un espectro de sonido ficticio, etc.) en vez de un dibujo estático. Para el caso usaré un dibujo estático para hacerlo más simple.

Nota 2: De todas formas ten en cuenta que el dibujo mismo actuará como zona activa del botón, por lo que si lo haces invisible, luego no se podrá hacer clic y el inventó se joderá

Ahora es cuando empieza la magia.

Paso cinco: Seleccionamos el fotograma que corresponde a la música encendida (el 2 en nuestro caso), y en el panel propiedades le añadimos el sonido solamente a ese fotograma:

Y le asignamos que haga un loop continuado (esto es a vuestra discreción, según cuantas veces queréis que se reproduzca el sonido):

Paso seis: Perfecto, lo que queda ahora es solo el código, el cual es realmente sencillo. Tanto como esto:

  1. En los ambos fotogramas de nuestro MC ponemos un: stop();
  2. Adicionalmente, en el fotograma que corresponde al estado "detenido" (es decir, el 1), lo pondremos un stopAllSounds();

De forma que al final tenemos:
Fotograma 1:

Actionscript:
  1. //Fotograma 1
  2. stop();
  3. stopAllSounds();

Fotograma 2:

Actionscript:
  1. //Fotograma 2
  2. stop();

Como pueden observar lo que hemos hecho hasta el momento no tiene misterio.

Paso siete: Ahora pongamos la parte de código principal, la que controla el MovieClip desde la escena principal. Nos ubicamos en el directorio raíz de la película (alias root), instanciamos a nuestro MC como "control":

instancia

A continuación, en el fotograma en el que aparece nuestro control de sonido, le ponemos este código.

Actionscript:
  1. var estado:Boolean = false
  2. control.onPress = function() {
  3.     if(estado) {
  4.         control.gotoAndStop("off");
  5.         estado=false;
  6.     } else {
  7.         control.gotoAndStop("on");
  8.         estado=true;
  9.     }
  10. }

Stage
Este código va en el fotograma donde estará el MC.

Aquí varios ejemplos:

  1. Necesita tener Flash Player 7 o superior y JavaScript Activado. =)
  2.  

  3. Necesita tener Flash Player 7 o superior y JavaScript Activado. =)

Flash Descargar Archivo fuente original

Related posts:
  1. Flash Player 10 ya disponible para descargar
  2. Física en FLash: Mov. Armónico Inframortiguado
  3. Como leer el contenido de Combo Box en Flash
  4. Dibujar trazos en un swf Flash
  5. Física en flash: Movimiento pendular



-----Separador-----

6 comments »
  • lololito

    October 23, 2008 | 2:11 AM

    Buenisimo!!!! muchas gracias or compartir!!

  • cesar

    November 24, 2008 | 9:33 PM

    muy bueno, solo queda una duda para hacer que la musica se inicie de manera automatica y ya despues manipularla con los botones?

  • Bleend

    November 24, 2008 | 10:03 PM

    Para que se inicie de forma automática, es tan sencillo como cambiar el orden de los Fotogramas! :wink:

  • Jorge

    December 7, 2008 | 12:32 AM

    Gracia spor tu apote man, pero en el paso siete explicate un poquito mas, me demroe en entenderlo, pero igual Gracias esta bien bye

  • Ana

    December 16, 2008 | 9:09 PM

    Hola, gracias por tu tutorial, me sirvió mucho. Solo tengo un pequeño problema. Mi película esta dividida en 3 partes que se navegan a través de botones con simples nombres de instancia en diferentes keyframes. La música suena bien y los botones on off funcionan perfecto, pero cuando navego de una a otra parte de mi película, la música de fondo se duplica y comienza de nuevo cada vez. ¿Tienes alguna solución para esto?
    Gracias

  • Bleend

    December 16, 2008 | 9:25 PM

    Cada vez que entres al fotograma de donde está la música, empezará a sonar. Si tienes el MC en distintas sitios de tu película sonará varias veces. El ejemplo este es sencillo así, pero lo es porque se han evitado todas estas medidas de seguridad. Cuidado.

Leave a reply

:smile: :grin: :razz: :lol: :wink: :mrgreen: :neutral: :roll: :shock: :???: :cool: :oops: :twisted: :evil: :eek: :mad: :sad: :cry: :!: :idea: :arrow: