Design or Die

Resultados para etiqueta "on"

Publicado: 11:34 27/12/2007 · Etiquetas: tutorial, flash, boton, musica, on, off · Categorías: Tutoriales y recursos
Este será un ejemplo sencillo (hay muchas maneras de hacerlo) para crear un botón on/off con una música para, por ejemplo, la cabecera en Flash del blog.

1.- Lo primero es crear el texto Botón off (o apagado, si no queremos tirar tanto de inglés) y convertirlo en símbolo -> animación. ¡Atentos a este detalle!. Animación, no botón. Aunque su comportamiento puede ser parecido a un botón, con la animación se pueden hacer más cosas como ya veremos. Lo llamamos "boton" como nombre de instancia (importante para luego).




2.- Doble click para entrar en el símbolo y creamos varias capas de lo que es el primer fotograma. Lo primero, un fotograma para incluir la música (Archivo->importar en el escenario), no tiene ningún misterio. Ponemos loop infinito.



3.- Creamos un segundo fotograma dentro del símbolo en el que estamos trabajando, en el que escribimos "música on", "música encendida" o lo que sea. También (y solo para ese segundo fotograma), colocamos un código muy simple que desactiva todos los sonidos (en un fotograma, no aplicado sobre el texto):

stopAllSounds();

Este código puede colocarse también gracias a los comportamientos predefinidos, pinchamos sobre la linea de tiempo y en su panel vamos a Sound->Stop all sounds.

Creamos un stop sobre los dos fotogramas. La imagen que tenemos debería ser esta:



4.- Ya está casi listo, solo falta un pequeño código sobre los textos, que convertiremos en clips de animación para utilizar el actionscript. Pinchamos sobre ellos y en "música off" se coloca la siguiente acción:

on (press) {
_root.boton.gotoAndStop("2");


De forma gráfica, podemos usar el panel de comportamientos e ir al árbol de símbolos, lo que nos colocará el anterior código de forma automática.



En "música on", como es lógico, el mismo procedimiento pero llevando al primer fotograma.

on (press) {
_root.boton.gotoAndStop("1");


Y listo, debe funcionar. Si ya queremos hacer virguerías, en lugar de usar dos simples fotogramas se pueden crear animaciones o transiciones entre uno y otro estado, de forma que el "música off" llevase al fotograma 2 mediante gotoAndPlay, y ahí una animación que podría durar 10 fotogramas, y al final, un stop con el código y texto del "música on". Ahí ya entra la paciencia de cada uno.

Design or Die

De-mon
Blog de De-mon
Todo es diseño, ¡todo! (Paul Rand)

Últimos comentarios:

Categorías:
Diseño
General
Rapidoreviews
Tumbleradas
Tutoriales y recursos
Videojuegos


Archivo:
Junio 2026
Mayo 2026
Abril 2026
Marzo 2026
Febrero 2026
Enero 2026
Diciembre 2025
Noviembre 2025
Mayo 2020
Abril 2020
Marzo 2020
Septiembre 2014
Julio 2014
Junio 2014
Mayo 2014
Abril 2014
Marzo 2014
Febrero 2014
Enero 2014
Diciembre 2013
Noviembre 2013
Octubre 2013
Septiembre 2013
Agosto 2013
Julio 2013
Junio 2013
Mayo 2013
Abril 2013
Marzo 2013
Enero 2013
Diciembre 2012
Noviembre 2012
Octubre 2012
Septiembre 2012
Agosto 2012
Julio 2012
Junio 2012
Mayo 2012
Abril 2012
Marzo 2012
Enero 2012
Diciembre 2011
Noviembre 2011
Octubre 2011
Septiembre 2011
Agosto 2011
Julio 2011
Junio 2011
Mayo 2011
Abril 2011
Marzo 2011
Febrero 2011
Enero 2011
Diciembre 2010
Noviembre 2010
Octubre 2010
Septiembre 2010
Agosto 2010
Julio 2010
Junio 2010
Mayo 2010
Abril 2010
Marzo 2010
Febrero 2010
Enero 2010
Diciembre 2009
Noviembre 2009
Octubre 2009
Septiembre 2009
Agosto 2009
Julio 2009
Junio 2009
Mayo 2009
Abril 2009
Marzo 2009
Febrero 2009
Enero 2009
Diciembre 2008
Noviembre 2008
Octubre 2008
Septiembre 2008
Agosto 2008
Julio 2008
Junio 2008
Mayo 2008
Abril 2008
Marzo 2008
Febrero 2008
Enero 2008
Diciembre 2007
Noviembre 2007
Octubre 2007
Septiembre 2007
Agosto 2007
Julio 2007
Junio 2007
Mayo 2007
Abril 2007
Marzo 2007
Febrero 2007
Enero 2007
Diciembre 2006
Noviembre 2006
Octubre 2006
Septiembre 2006
Agosto 2006
Julio 2006
Junio 2006
Mayo 2006


Vandal Online:
Portada
Blogs
Foro

Blogs en Vandal · Contacto · Denunciar Contenido